MCP Server Chart
by AntV
The MCP Server Chart is a TypeScript-based Model Context Protocol (MCP) server designed for generating various types of charts using the AntV charting library. It allows users to create charts through MCP tools.
View on GitHub
Last updated: N/A
MCP Server Chart

npm Version

smithery badge

npm License
npm Version
smithery badge
npm License
A Model Context Protocol server for generating charts using AntV.
<a href="https://glama.ai/mcp/servers/@antvis/mcp-server-chart"> <img width="380" height="200" src="https://glama.ai/mcp/servers/@antvis/mcp-server-chart/badge" /> </a>This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools.
✨ Features
Now 15+ charts supported.
<img width="640" alt="mcp-server-chart preview" src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ZlzKQKoJzsYAAAAAAAAAAAAAemJ7AQ/fmt.webp" />generate_area_chart
- Generate aarea
chart, and return an image URL.generate_bar_chart
- Generate abar
chart, and return an image URL.generate_column_chart
- Generate acolumn
chart, and return an image URL.generate_dual_axes_chart
- Generate adual-axes
chart, and return an image URL.generate_fishbone_diagram
- Generate afishbone-diagram
chart, and return an image URL.generate_flow_diagram
- Generate aflow-diagram
chart, and return an image URL.generate_histogram_chart
- Generate ahistogram
chart, and return an image URL.generate_line_chart
- Generate aline
chart, and return an image URL.generate_mind_map
- Generate amind-map
chart, and return an image URL.generate_network_graph
- Generate anetwork-graph
chart, and return an image URL.generate_pie_chart
- Generate apie
chart, and return an image URL.generate_radar_chart
- Generate aradar
chart, and return an image URL.generate_scatter_chart
- Generate ascatter
chart, and return an image URL.generate_treemap_chart
- Generate atreemap
chart, and return an image URL.generate_word_cloud_chart
- Generate aword-cloud
chart, and return an image URL.
🤖 Usage
To use with Claude Desktop, add the server config:
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": [
"-y",
"@antv/mcp-server-chart"
]
}
}
}
🔨 Development
Install dependencies:
npm install
Build the server:
npm run build
Start the MCP server:
npm run start
📄 License
MIT@AntV.