MCP Highcharts

What it does

Plugs Highcharts' full visualisation library into any MCP Apps-capable AI client. Ask your AI to visualise data and it renders a live, interactive chart directly inside the chat panel — no copy-paste, no switching tabs. Supports 60+ chart types including financial candlestick charts, choropleth maps, Gantt timelines, multi-component dashboards, and standalone data grids.

Key features

• 6 rendering tools — render_chart, render_stock_chart, render_dashboard, render_map, render_gantt, render_grid
• 60+ chart types — full Highcharts Options API accepted, so any valid Highcharts config works
• Auto light/dark theming — adapts to host theme; 15 built-in themes overridable via env var
• Schema depth control — tune how much type info is sent to the LLM (0–3) to balance context vs accuracy
• Live-updating charts — use data.csvURL + data.enablePolling for real-time data feeds
• Prompt library — 6 built-in prompts for common patterns (dashboard scaffold, stock analysis, Gantt from task list)

Installation

VS Code Copilot

Click the Install badge in the README, or add to .vscode/mcp.json:

{
  "servers": {
    "highcharts": {
      "command": "npx",
      "args": ["-y", "mcp-highcharts@latest"]
    }
  }
}

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "highcharts": {
      "command": "npx",
      "args": ["-y", "mcp-highcharts@latest"]
    }
  }
}

HTTP mode

npx mcp-highcharts@latest --http  # serves at http://localhost:3001/mcp

Supported hosts

VS Code Copilot (primary), Claude Desktop, Claude.ai, Cursor, Goose — any MCP Apps-capable client.