amCharts 5 MCP Server

An MCP (Model Context Protocol) server that gives AI assistants on-demand access to the complete amCharts 5 knowledge base: 160+ documentation pages, 350+ code examples (including 60+ complete JSON configs), and 1,300+ API reference pages.

Works with Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + GitHub Copilot, and any other MCP-compatible AI tool.

Why?

Instead of loading the entire amCharts reference into the AI's context window, the MCP server lets the AI query exactly what it needs — a specific chart type reference, a code example, or an API lookup. This means better answers with less context waste.

Quick Start

The easiest way is the hosted server — no install, just add one URL. Prefer to run it yourself? See Local install below.

Hosted (no install) — recommended

Point your AI client at:

https://mcp.amcharts.com/mcp

The amCharts 5 docs are also on Context7 as /amcharts/amcharts5.

Claude Code

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

Claude (claude.ai, Desktop) — add amCharts 5 from the Connectors Directory. Or Settings → Connectors → Add custom connector, then paste https://mcp.amcharts.com/mcp.

Cursor — .cursor/mcp.json:

{
  "mcpServers": {
    "amcharts5": {
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

VS Code + GitHub Copilot — .vscode/mcp.json:

{
  "servers": {
    "amcharts5": {
      "type": "http",
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

Windsurf — ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "amcharts5": {
      "serverUrl": "https://mcp.amcharts.com/mcp"
    }
  }
}

ChatGPT (also on the Free plan) — open Plugins → + → Add custom MCP server. Give it a name, set the URL to https://mcp.amcharts.com/mcp and Authentication to No authentication, then Create as a plugin. In a chat, type @amCharts to use it.

Figma Make and the Figma agent (paid Figma plans) — in the chat, open Add context → Connectors → Manage → Create. Name it amCharts, set the URL to https://mcp.amcharts.com/mcp with no authentication, and set its tools to Always run. Then name amCharts in the prompt (Make picks Recharts otherwise), e.g. "Build a sales dashboard with amCharts: a world map colored by revenue and a line chart of monthly sales". Make installs @amcharts/amcharts5 and looks up the code through the server. A pasted amcharts.com demo or docs link works as context too.

Cline (VS Code extension) — open the MCP Servers panel → Remote Servers, paste https://mcp.amcharts.com/mcp, or add to its MCP settings JSON:

{
  "mcpServers": {
    "amcharts5": {
      "type": "streamableHttp",
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

Clients that only support local (stdio) servers (e.g. Zed, Continue, Amazon Q Developer) — bridge to the hosted URL with mcp-remote. Use this as the server's run command in the client's config:

npx mcp-remote https://mcp.amcharts.com/mcp

For example, in a command/args style config:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.amcharts.com/mcp"]
    }
  }
}

Any other MCP client that accepts a remote server URL works too — use the /mcp endpoint (Streamable HTTP) or /sse (legacy SSE). For URL-only clients that still expect a command, use the mcp-remote bridge shown above.

Local install (npx)

Prefer running it yourself? The server is also published to npm and runs over stdio.

Claude Code

For all projects (global, recommended):

claud

... [View full README on GitHub](https://github.com/amcharts/amcharts5-mcp#readme)