AntV Visualization Libraries
OfficialProvides intelligent documentation retrieval and code examples for AntV's visualization libraries including G2, G6, L7, X6, F2, and S2. Helps developers quickly find relevant docs and best practices through context-aware assistance.
Integrates with AntV's visualization ecosystem to provide intelligent documentation retrieval, code examples, and best practices for g2, g6, l7, x6, f2, and s2 libraries through query preprocessing and context-aware assistance.
What it does
- Extract intent from AntV-related queries
- Retrieve documentation for G2, G6, L7, X6, F2, S2 libraries
- Fetch code examples and best practices
- Process visualization library queries intelligently
Best for
About AntV Visualization Libraries
AntV Visualization Libraries is an official MCP server published by antvis that provides AI assistants with tools and capabilities via the Model Context Protocol. Discover AntV Visualization Libraries for smart documentation, code examples, and best practices in g2, g6, l7, x6, f2, It is categorized under ai ml, developer tools. This server exposes 2 tools that AI clients can invoke during conversations and coding sessions.
How to install
You can install AntV Visualization Libraries in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
AntV Visualization Libraries is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
Tools (2)
AntV Intelligent Assistant Preprocessing Tool - Specifically designed to handle any user queries related to AntV visualization libraries. This tool is the first step in processing AntV technology stack issues, responsible for intelligently identifying, parsing, and structuring user visualization requirements. **MANDATORY: Must be called for ANY new AntV-related queries, including simple questions. Always precedes query_antv_document tool.** When to use this tool: - **AntV-related queries**: Questions about g2/g6/l7/x6/f2/s2/g/ava/adc libraries. - **Visualization tasks**: Creating charts, graphs, maps, or other visualizations. - **Problem solving**: Debugging errors, performance issues, or compatibility problems. - **Learning & implementation**: Understanding concepts or requesting code examples. Key features: - **Smart Library Detection**: Scans installed AntV libraries and recommends the best fit based on query and project dependencies. - **Topic & Intent Extraction**: Intelligently extracts technical topics and determines user intent (implement/solve). - **Task Complexity Handling**: Detects complex tasks and decomposes them into manageable subtasks. - **Seamless Integration**: Prepares structured data for the query_antv_document tool to provide precise solutions.
AntV Context Retrieval Assistant - Fetches relevant documentation, code examples, and best practices from official AntV resources. Supports g2, g6, l7, x6, f2, s2, g, ava, adc libraries, and handles subtasks iterative queries. **MANDATORY: Must be called for ANY AntV-related query (g2, g6, l7, x6, f2, s2, g, ava, adc), regardless of task complexity. No exceptions for simple tasks.** When to use this tool: - **Implementation & Optimization**: To implement new features, modify styles, refactor code, or optimize performance in AntV solutions. - **Debugging & Problem Solving**: For troubleshooting errors, unexpected behaviors, or technical challenges in AntV projects. - **Learning & Best Practices**: To explore official documentation, code examples, design patterns, or advanced features. - **Complex Task Handling**: For multi-step tasks requiring subtask decomposition (e.g., "Build a dashboard with interactive charts"). - **Simple modifications**: Even basic changes like "Change the chart's color" or "Update legend position" in AntV context.
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-chart
Install dependencies:
npm install
Build the server:
npm run build
Start the MCP server:
npm run start
📄 License
MIT@AntV.
Alternatives
Related Skills
Browse all skillsCreate interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Create distributable Python packages with proper project structure, setup.py/pyproject.toml, and publishing to PyPI. Use when packaging Python libraries, creating CLI tools, or distributing Python code.
Use when creating custom, interactive data visualizations with D3.js—building bar/line/scatter charts from scratch, creating network diagrams or geographic maps, binding changing data to visual elements, adding zoom/pan/brush interactions, animating chart transitions, or when chart libraries (Highcharts, Chart.js) don't support your specific visualization design and you need low-level control over data-driven DOM manipulation, scales, shapes, and layouts.
Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".
Efficiently consume and navigate external documentation sites. Use when researching APIs, libraries, or tools; when the user mentions docs, documentation, or references a docs URL; or when you need to understand how something works before implementing it.