Home > Docs > ApexCharts MCP Server

ApexCharts MCP Server

The apexcharts-mcp server gives AI assistants like Claude expert-level help with the whole ApexCharts ecosystem: charts, Gantt, tree, Sankey, grid, stock, and maps. One MCP, seven products. It generates valid configs, catches common mistakes, and serves the official knowledge base for each product on demand, so the AI gets your visualization right the first time.

→ GitHub: apexcharts/apexcharts-mcp

Install

Pick your editor or client. You only need to do this once.

Hosted server (nothing to install)

The quickest way is the hosted server at https://mcp.apexcharts.com/mcp. Your client connects to it by URL, so there is no Node.js or local install to manage.

One click: Add to Claude · Add to Cursor · Add to VS Code. Each opens the client with the server filled in, ready for you to confirm. Or add it by hand:

Claude Code

claude mcp add --transport http apexcharts https://mcp.apexcharts.com/mcp

Cursor, in ~/.cursor/mcp.json:

{
  "mcpServers": {
    "apexcharts": {
      "url": "https://mcp.apexcharts.com/mcp"
    }
  }
}

VS Code, in .vscode/mcp.json:

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

Any other client that accepts a remote MCP server URL (Streamable HTTP) connects the same way.

Run it locally

The same server also runs on your own machine over stdio, from the apexcharts-mcp npm package.

Claude Code

claude mcp add apexcharts -- npx -y apexcharts-mcp

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "apexcharts": {
      "command": "npx",
      "args": ["-y", "apexcharts-mcp"]
    }
  }
}

Cursor

Add to ~/.cursor/mcp.json:

{
  "mcpServers": {
    "apexcharts": {
      "command": "npx",
      "args": ["-y", "apexcharts-mcp"]
    }
  }
}

After installing, restart the client. Your AI assistant will have the tools for every ApexCharts product available automatically, no further commands needed.

To load only a subset of products, set the APEXCHARTS_MCP_PRODUCTS environment variable to a comma-separated list of product ids (charts, gantt, tree, sankey, grid, stock, maps).

What you can ask the AI

Once installed, the assistant uses the server's tools automatically. Examples:

"Build me a stacked area chart of monthly revenue across three regions."
"Here's my pie chart config, why isn't it rendering?" (paste the config)
"Map unemployment by US state as a choropleth with ApexMaps."
"Give me an ApexGantt config with two tasks and a finish-to-start dependency."
"What chart type should I use for OHLC stock data?"
"Explain plotOptions.bar.horizontal and give me an example."

Tools

Tools are namespaced per product (apexcharts_*, apexgantt_*, apextree_*, apexsankey_*, apexgrid_*, apexstock_*, apexmaps_*) so you can use any combination together in one conversation.

Product	Tools
meta	`apexcharts_list_products`
ApexCharts	`apexcharts_generate_config`, `apexcharts_validate_config`, `apexcharts_list_types`, `apexcharts_get_reference`
ApexGantt	`apexgantt_generate_config`, `apexgantt_validate_config`, `apexgantt_get_reference`
ApexTree	`apextree_generate_config`, `apextree_validate_config`, `apextree_get_reference`
ApexSankey	`apexsankey_generate_config`, `apexsankey_validate_config`, `apexsankey_get_reference`
ApexGrid	`apexgrid_generate_config`, `apexgrid_validate_config`, `apexgrid_get_reference`
ApexStock	`apexstock_generate_config`, `apexstock_validate_config`, `apexstock_get_reference`
ApexMaps	`apexmaps_generate_config`, `apexmaps_validate_config`, `apexmaps_get_reference`

Every product exposes generate_config (build a valid config from a short spec), validate_config (check a config against that product's rules and return structured issues with fix hints), and get_reference (read that product's knowledge base on demand; call with no arguments to list the available docs). The chart tools add apexcharts_list_types, a typed catalog of all 30 chart types, grouped by family and carrying the data format each one expects. apexcharts_generate_config covers the same 30, and apexcharts_validate_config checks a config against 34 rules, each issue naming a rule id and a fix. Those two counts were taken from server 0.10.3 on 2026-10-19 and will grow with the library; apexcharts_list_types reports the live catalog, so an assistant that calls it is never reading a stale number. apexcharts_list_products is a meta tool that lists the products this server exposes, their tool names, and the upstream library version each product's guidance targets.

Knowledge base

The server's knowledge comes from the per-product skill packages on npm, one source of truth each: apexcharts-skill, apexgantt-skill, apextree-skill, apexsankey-skill, apexgrid-skill, apexstock-skill, and apexmaps-skill. Each ships SKILL.md plus per-topic reference docs; apexcharts_list_products reports the library version each product's guidance was verified against.

See also: the AI overview for the full skill list, and the ApexCharts Skill page, with install instructions for Claude Code, Cursor, Copilot, and ChatGPT.