MCP Server Chart
Enables generation of 25+ types of charts and data visualizations using AntV, including bar charts, line charts, maps, mind maps, and specialized diagrams like fishbone and sankey charts. Supports both statistical charts and geographic visualizations
What is MCP Server Chart?
MCP Server Chart is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to enables generation of 25+ types of charts and data visualizations using antv, including bar charts, line charts, maps, mind maps, and specialized diagrams like fishbone and sankey charts. supports bot...
Enables generation of 25+ types of charts and data visualizations using AntV, including bar charts, line charts, maps, mind maps, and specialized diagrams like fishbone and sankey charts. Supports both statistical charts and geographic visualizations
This server falls under the Analytics category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- generate_area_chart
- generate_bar_chart
- generate_boxplot_chart
- generate_column_chart
- generate_district_map
Use Cases
Maintainer
Works with
Installation
NPM
npx -y @antv/mcp-server-chartManual Installation
npx -y @antv/mcp-server-chartConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use MCP Server Chart
MCP Server Chart is an AntV-powered TypeScript MCP server that lets AI assistants generate over 26 types of data visualizations — including bar, line, pie, scatter, sankey, fishbone, mind map, organization chart, treemap, word cloud, radar, and geographic district/path/pin maps — by describing the data and chart type in natural language. The server renders charts via AntV's G2/G6/L7 visualization libraries and returns the result as an image or URL. It is the go-to tool for analysts and developers who want to turn raw data into publication-ready charts without writing visualization code.
Prerequisites
- Node.js 18+ and npx available on your PATH
- An MCP-compatible client such as Claude Desktop or Cursor
- No API key required for basic chart generation (optional VIS_REQUEST_SERVER for private deployment)
Verify Node.js installation
The server package @antv/mcp-server-chart requires Node.js 18 or newer. Verify your version before adding it to your MCP client.
node --version
npx -y @antv/mcp-server-chart --versionAdd the server to Claude Desktop (macOS)
Open claude_desktop_config.json and add the @antv/mcp-server-chart server. On macOS use the npx command directly.
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}Add the server to Claude Desktop (Windows)
On Windows, invoke npx through cmd.exe to ensure proper shell handling.
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}Restart Claude Desktop
Fully quit and relaunch Claude Desktop. The mcp-server-chart tools will appear in the tools panel once the server connects successfully.
Configure optional environment variables
Set VIS_REQUEST_SERVER to use a private deployment, SERVICE_ID to track chart generation records, or DISABLED_TOOLS to hide specific chart types you do not need.
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"],
"env": {
"DISABLED_TOOLS": "generate_fishbone_diagram,generate_mind_map",
"SERVICE_ID": "my-service-id"
}
}
}
}MCP Server Chart Examples
Client configuration
Standard Claude Desktop configuration for @antv/mcp-server-chart on macOS.
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}Prompts to try
Sample prompts covering the range of chart types available in this server.
- "Generate a line chart showing monthly revenue: Jan 12k, Feb 15k, Mar 11k, Apr 18k"
- "Create a pie chart with market share: Apple 30%, Samsung 25%, Others 45%"
- "Build a sankey diagram showing traffic flow from homepage to checkout"
- "Make a word cloud from this paragraph of customer feedback"
- "Draw a fishbone diagram for the root cause analysis of our deployment failures"
- "Generate a treemap of product category sales for Q4"Troubleshooting MCP Server Chart
Chart generation fails with a network error
By default the server sends rendering requests to the AntV public service. If your network blocks outbound requests, set the VIS_REQUEST_SERVER env var to a private AntV deployment endpoint that your network can reach.
Specific chart tools not appearing in the tools list
Check that DISABLED_TOOLS does not include the tool you want. Also ensure you are running the latest version of the package — run `npx -y @antv/mcp-server-chart@latest` to force the newest release.
Windows: server fails to start with path or shell errors
Use the Windows-specific config with `cmd` as the command and `/c npx -y @antv/mcp-server-chart` as args. Do not use the macOS npx-direct form on Windows.
Frequently Asked Questions about MCP Server Chart
What is MCP Server Chart?
MCP Server Chart is a Model Context Protocol (MCP) server that enables generation of 25+ types of charts and data visualizations using antv, including bar charts, line charts, maps, mind maps, and specialized diagrams like fishbone and sankey charts. supports both statistical charts and geographic visualizations It connects AI assistants to external tools and data sources through a standardized interface.
How do I install MCP Server Chart?
Install via npm with the command: npx -y @antv/mcp-server-chart. Then add the server configuration to your AI client's JSON config file (e.g., claude_desktop_config.json or .cursor/mcp.json).
Which AI clients work with MCP Server Chart?
MCP Server Chart works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is MCP Server Chart free to use?
Yes, MCP Server Chart is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.
MCP Server Chart Alternatives — Similar Analytics Servers
Looking for alternatives to MCP Server Chart? Here are other popular analytics servers you can use with Claude, Cursor, and VS Code.
OpenMetadata
★ 14.0kOpenMetadata is a unified metadata platform for data discovery, data observability, and data governance powered by a central metadata repository, in-depth column level lineage, and seamless team collaboration.
Superset
★ 10.9kAn MCP server that provides AI assistants with full access to Apache Superset instances, enabling interaction with dashboards, charts, datasets, databases, and SQL execution capabilities.
Horizon
★ 4.4k📡 Your own AI-powered news radar. Generates daily briefings in English & Chinese. | 用 AI 构建你专属的新闻雷达
Muapi CLI
★ 997Official CLI for muapi.ai — generate images, videos & audio from the terminal. MCP server, 14 AI models, npm + pip installable.
Weather MCP Server
★ 907Weather Data Fetcher MCP server built with Node.js, MCP SDK, and Zod. Provides weather details like temperature and forecast for cities such as Noida and Delhi via a registered tool. Simplifies API integration, enabling structured responses for clien
AI Treasure Box
★ 806🤖 Automatically collected AI repos, tools, websites, papers & tutorials. 实用AI百宝箱 💎
Browse More Analytics MCP Servers
Explore all analytics servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up MCP Server Chart in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use MCP Server Chart?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.