mcp-server-antv
๐ง๐ปโ๐ป MCP Server for @antvis visualization development, which provides documentation context and examples for visualization developers.
Documentation
MCP Server AntV !   
> A Model Context Protocol (MCP) server designed for AI development and QA that provides AntV documentation context and code examples using the latest APIs.
Supports G2, G6, and F2 libraries for declarative visualization workflows, with S2, X6, L7, and more (including AVA, ADC, and G) coming soon.
โจ Features
- โ AntV 5.x Compatibility: Leverages the latest APIs for performance and modularity.
- ๐งฉ Multi-Library Support: G2 (2D charts), G6 (graph/networks), and F2 (mobile charts).
- ๐ Smart Intent Extraction: Detects library usage and task complexity via `extract_antv_topic`.
- ๐ Contextual Documentation: Fetches relevant AntV docs and code snippets with `query_antv_document`.
๐ ๏ธ Quick Start
Requirements
- Node.js >= v18.0.0
- Cursor, VSCode, Cline, Claude Desktop or another MCP Client.
Connect to Cursor
Go to: `Settings` -> `Cursor Settings` -> `MCP` -> `Add new global MCP server`
{
"mcpServers": {
"mcp-server-antv": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-antv"]
}
}
}On Window system:
{
"mcpServers": {
"mcp-server-antv": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-antv"]
}
}
}Connect to VSCode
Pasting the following configuration into your VSCode `~/.vscode/mcp.json` file is the recommended approach.
{
"servers": {
"mcp-server-antv": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-antv"]
}
}
}or command-line configuration
code --add-mcp "{\"name\":\"mcp-server-antv\",\"command\": \"npx\",\"args\": [\"-y\",\"@antv/mcp-server-antv\"]}"๐งช Example Workflow
An example workflow:
๐งฐ Tools Overview
| Tool | Functionality |
|---|---|
| `extract_antv_topic` | Extract user intent, detects library (G2/G6/F2), and infers task complexity. |
| `query_antv_document` | fetch latest documentation and code examples with context7 |
๐จ Contributing
Clone the repo
git clone https://github.com/antvis/mcp-server-chart.git
cd mcp-server-chartInstall dependencies:
npm installBuild the server:
npm run buildStart the MCP server:
npm run start๐ License
MIT@AntV.
Frequently asked questions
What is mcp-server-antv?
mcp-server-antv is ๐ง๐ปโ๐ป MCP Server for @antvis visualization development, which provides documentation context and examples for visualization developers.
How do I install mcp-server-antv?
Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.
Is mcp-server-antv open source?
Yes โ it is hosted on GitHub at https://github.com/antvis/mcp-server-antv and has 28 stars.
Related MCP tools
๐ค A visualization mcp contains 25+ visual charts using @antvis. Using for chart generation and data analysis. TypeScript-based implementation.
๐งฉ MCP Gateway - A lightweight gateway service that instantly transforms existing MCP Servers and APIs into MCP servers with zero code changes.
MCP Aggregator, Orchestrator, Middleware, Gateway in one docker TypeScript-based implementation. Trusted by 1400+ developers.
Playwright MCP server TypeScript-based implementation. Trusted by 22000+ developers. Trusted by 22000+ developers. Trusted by 22000+ developers.
AI Agents & MCPs & AI Workflow Automation โข (~400 MCP servers for AI agents) โข AI Automation / AI Agent with MCPs โข AI Workflows & AI Agents โข MCPs for AI Ag...
Directory for Awesome MCP Servers TypeScript-based implementation. Trusted by 1900+ developers. Trusted by 1900+ developers.
Run your own MCP server? See who uses it and what to fix.
Measure it with TrackMCP