mcp-server-chart — Claude Code MCP server: what it does and install
Generates over 26 chart and diagram types using AntV directly inside AI coding assistants and MCP clients.
claude mcp add --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> --transport stdio mcp-server-chart -- npx -y @antv/mcp-server-chartWhat mcp-server-chart does
This TypeScript-based server generates charts via AntV. It connects over 26 visualization tools to MCP clients. The list includes column and line charts, scatter plots, flowcharts, mind maps, and Ishikawa diagrams.
It also generates tabular pivot tables. Supplying rows and values triggers cross-tabulation. Geographic map tools rely on AMap and operate exclusively inside China, so they will not work for international coordinates.
Configuration relies on DISABLED_TOOLS, SERVICE_ID, and VIS_REQUEST_SERVER. Excluding unneeded tools with DISABLED_TOOLS keeps agent prompt context small.
What it helps with
- plot trend and distribution metrics using AntV charts
- generate structured flowcharts and process diagrams
- create Ishikawa fishbone diagrams for root cause analysis
- render pivot tables and spreadsheets from raw tabular inputs
Example prompts for the agent
- Generate a bar chart comparing quarterly revenue across departments
- Create a flowchart showing the user registration and verification steps
- Build a network graph of dependencies between these services
How to install mcp-server-chart
Platform CLI
claude mcp add --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> --transport stdio mcp-server-chart -- npx -y @antv/mcp-server-chartReplace <…> with your own values
Platform CLI
codex mcp add mcp-server-chart --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> -- npx -y @antv/mcp-server-chartReplace <…> with your own values
Config file
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": [
"-y",
"@antv/mcp-server-chart"
],
"env": {
"VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>",
"SERVICE_ID": "<SERVICE_ID>",
"DISABLED_TOOLS": "<DISABLED_TOOLS>"
}
}
}
}Replace <…> with your own values
Config file
{
"servers": {
"mcp-server-chart": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@antv/mcp-server-chart"
],
"env": {
"VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>",
"SERVICE_ID": "<SERVICE_ID>",
"DISABLED_TOOLS": "<DISABLED_TOOLS>"
}
}
}
}Replace <…> with your own values
Platform CLI
gemini mcp add -e VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> -e SERVICE_ID=<SERVICE_ID> -e DISABLED_TOOLS=<DISABLED_TOOLS> mcp-server-chart npx -y @antv/mcp-server-chartReplace <…> with your own values
Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about mcp-server-chart
How to install mcp-server-chart in Claude Code?
Run claude mcp add mcp-server-chart -e SERVICE_ID=<SERVICE_ID> -- npx -y @antv/mcp-server-chart in your terminal.
What does mcp-server-chart do?
It connects your AI assistant to the AntV ecosystem, rendering more than 26 chart types, mind maps, flowcharts, and pivot tables.
Are geographic map tools supported outside China?
No. Map tools like district and path maps rely on AMap, which only supports geographic data within China.
