AI-Powered Data Visualization

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.

GET STARTED

Three ways to use AI with amCharts.

Choose the approach that fits your workflow.

Browser Chat

The fastest way to start. Open Claude, ChatGPT, or Gemini in your browser. Paste this into any AI chat to get accurate amCharts 5 code:

          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.
        

Code Editor

Connect the amCharts MCP Server and your AI gets instant access to the docs, code examples and the full API reference. Point it at our hosted server — nothing to install, always the latest version.

$ claude mcp add --transport http amcharts5 https://mcp.amcharts.com/mcp

Prefer to run it yourself? It's also available as a local npm install.

API

Building your own tools? Enable web search in the Claude, OpenAI, or Gemini API and drop our skill file into the system prompt for structured chart creation.

Get the skill file

AI TOOLS

Built for AI, not bolted on.

MCP Server

Connect the amCharts MCP server to your code editor. Your AI assistant gets structured, on-demand access to the docs, code examples and the full API reference. Use our hosted server for a zero-install setup that always runs the latest version, or run it locally via npm. Works with Claude Code, Cursor, Windsurf, VS Code Copilot, and any MCP-compatible tool.

Setup guide GitHub NPM

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.

GitHub

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.

Dojo projects built with AI