amCharts 5 MCP Server

by amcharts

Not rated
GitHub

About

MCP server that gives AI assistants on-demand access to 1,500+ amCharts docs, ~300 code examples, and 1000+ class API references.

Details

Author
amcharts
Categories
Developer Tools, Knowledge Base, Other

Setup

Install amCharts 5 MCP Server in your MCP client (Claude Desktop, Cursor, Windsurf, and others).

Repository: https://github.com/amcharts/amcharts5-mcp

Follow the installation instructions in the repository README, then restart your MCP client.

- Get a working chart template— Ask for a minimal starter for any chart type and the assistant callsget_quick_startto generate it.
- Look up a chart type's full reference— Retrieve all settings, properties, and methods for a specific chart viaget_chart_reference.
- Search across all docs and examples— Usesearch_allto find relevant documentation, API references, and code demos by keyword.
- Fetch a specific code example— Request a particular demo by name and the assistant retrieves its complete source withget_example.
- Browse available chart types— Ask which chart types are supported and the assistant callslist_chart_typesto list them all.

AnMCP (Model Context Protocol)server that gives AI assistants on-demand access to the complete amCharts 5 knowledge base:140+ documentation pages,280+ code examples, and1,000+ class API references.

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

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

The easiest way is thehosted server— no install, just add one URL. Prefer to run it yourself? SeeLocal installbelow.

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

Claude Desktop / claude.ai— Settings → Connectors →Add custom connector, then pastehttps://mcp.amcharts.com/mcp.

{ "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(Plus/Pro/Enterprise with connectors/developer mode enabled) — Settings →ConnectorsAdd custom connector, then pastehttps://mcp.amcharts.com/mcp.

Cline(VS Code extension) — open theMCP Serverspanel →Remote Servers, pastehttps://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 withmcp-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 acommand/argsstyle 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/mcpendpoint (Streamable HTTP) or/sse(legacy SSE). For URL-only clients that still expect a command, use themcp-remotebridge shown above.

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

claude mcp add -s user amcharts5 -- npx -y @amcharts/amcharts5-mcp
claude mcp add amcharts5 -- npx -y @amcharts/amcharts5-mcp

Add to yourclaude_desktop_config.json:

{ "mcpServers": { "amcharts5": { "command": "npx", "args": ["-y", "@amcharts/amcharts5-mcp"] } } }

Create or edit.cursor/mcp.jsonin your project root (or~/.cursor/mcp.jsonfor global):

{ "mcpServers": { "amcharts5": { "command": "npx", "args": ["-y", "@amcharts/amcharts5-mcp"] } } }

Edit~/.codeium/windsurf/mcp_config.json:

{ "mcpServers": { "amcharts5": { "command": "npx", "args": ["-y", "@amcharts/amcharts5-mcp"] } } }

Create or edit.vscode/mcp.jsonin your workspace:

{ "servers": { "amcharts5": { "type": "stdio", "command": "npx", "args": ["-y", "@amcharts/amcharts5-mcp"] } } }

For any other tool that supports MCP (Cline, Continue, Amazon Q, Zed, etc.), configure it to run:

git clone https://github.com/amcharts/amcharts5-mcp.git cd amcharts5-mcp npm install npm start

- "Build me a pie chart"→ AI callsget_quick_start("pie")and adapts the template
- "How do I format date axis labels?"→ AI callssearch_all("date axis label format")
- "Show me the Sankey diagram example"→ AI callsget_example("examples/flow/sankey-diagram")
- "What settings does XYChart support?"→ AI callsget_doc("reference/xychart")
- "How do I integrate with React?"→ AI callsget_doc("getting-started/integrations/react")
- "What chart types are available?"→ AI callslist_chart_types()

- 140+ documentation pages— getting started, chart guides, concepts (themes, events, adapters, data binding, animations, accessibility, etc.), and framework integration guides (React, Angular, Vue, Next.js, Svelte, and more)
- 280+ code examples— working demos across 16 categories including column/bar, line/area, pie/donut, maps, hierarchy, flow, radar/polar, stock, gauges, Gantt, timeline, and more
- 1,000+ class API references— every class in the amCharts 5 library with its settings, properties, methods, events, and inheritance chain
- Curated skill reference— quick-start templates and chart-specific guides from theamCharts 5 AI Skill

This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.

A server for Jupyter notebook manipulation with position-based operations and VS Code integration.

An MCP server for accessing tidymodels GitHub information and generating code.

MCP server for AI Diagram Maker — generate beautiful software engineering diagrams directly inside Cursor, Claude Desktop, Claude Code, or any MCP-compatible AI agent

One shared context layer for AI agents and humans — live API specs, DB schemas, and versioned contracts across repos so every agent and teammate works from the same source of truth.

Local stdio MCP server that lets AI coding agents read and maintain structured architecture, rules, and decisions directly from your repository.

The MCP server for Bitrix24 provides AI assistants with structured access to the Bitrix24 API. It delivers up-to-date method descriptions, parameters, and valid values, allowing assistants to work with precise data instead of guesswork. This reduces code errors and accelerates Bitrix24 integration development.

A Model Context Protocol server for generating visual charts using AntV.

Official Context7 MCP server that brings up-to-date, version-specific library documentation and code examples into AI coding prompts.

Remote, no-auth MCP server providing AI-powered codebase context and answers

Extentos is a multi-vendor development platform for adding smart-glasses capabilities to existing iOS and Android apps. The simplest analogy is Stripe for smart glasses

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.