amCharts + AI

Describe what you want. AI builds it. Browse hundreds of demos — each one includes an AI prompt ready to copy into Claude, ChatGPT, Gemini, or any tool you use.

WHY AMCHARTS

A chart library that doesn't stop at charts.

AI can build anything you can describe, as long as the library goes deep enough. You describe what you want and get working code, from the same objects and the same API it uses for a bar chart. Every part of an amCharts chart is a live object: a column, an axis label, a map region, a tooltip. Read it, restyle it, animate it, or draw your own shapes and animations on top, in the same coordinates as your data. You get the freedom of building from scratch, without the edge cases that come with it: resizing, touch and zoom, accessibility, export, time zones, large data. The globe at the top of our homepage is one: a map of the Earth that turns into a talking face, in plain amCharts.

CONNECT YOUR AI

The amCharts docs, inside your AI.

Connected to amCharts, your AI looks up the docs, code examples and the full API reference while it works, instead of writing amCharts 5 code from memory. In your chat, in your code editor, or in your own app.

ChatGPT connected to the amCharts MCP server: a rotating globe from one prompt.

In your AI chat

amCharts is in Claude's Connectors Directory: add it once, and Claude can look things up in it whenever you ask for a chart.

ChatGPT: in Plugins, add a custom MCP server with https://mcp.amcharts.com/mcp and no authentication, then pick it with @amCharts in a chat. Works on the Free plan.

No connector? Paste this into any AI chat instead:

All chart-related requests must be implemented using amCharts 5. Before generating any code, you MUST review and follow the rules in the amCharts 5 Skill repository.

In your code editor

Our hosted MCP server: nothing to install, no sign-in, always the latest docs.

https://mcp.amcharts.com/mcp
  • Claude Code
    $ claude mcp add --transport http amcharts5 https://mcp.amcharts.com/mcp
  • Cursor, VS Code, Windsurf, CodexAdd the address in their MCP settings.

In the official MCP Registry as io.github.amcharts/amcharts5.

Already use Context7? amCharts 5 is there too: /amcharts/amcharts5

In your own app or agent

Attach the hosted server to your API calls: the Claude API's MCP connector and OpenAI's MCP tool both take it directly. Or put the skill file in your system prompt.

AI TOOLS

Built for AI, not bolted on.

AI Skill Files

A structured reference file you drop into your project root. AI coding tools that read project files pick it up, with no server setup. Contains chart type recipes, common patterns, and API shortcuts.

Already in your project

From version 5.21.0 the npm package and the download carry their own notes for AI coding agents: AGENTS.md, a docs/ folder with a reference for every chart type, and examples/ with working code. They always match the version you have installed. Add these lines to your project's own AGENTS.md or CLAUDE.md, and your agent reads them before it writes chart code.

## amCharts 5
This project uses amCharts 5 (`@amcharts/amcharts5`). Its API is not the amCharts 4 API, and it may be newer than what you remember.
Before writing chart code, read `node_modules/@amcharts/amcharts5/AGENTS.md` and follow it.
Pro Services

Need something custom? We'll build it.

Custom chart design, complex dashboards, full-stack integration — from the team that wrote amCharts. Talk to our team

Start making your
data-viz LEGENDARY.

$ npm install @amcharts/amcharts5

Also available via CDN and direct download.