mcp-server-antv

๐Ÿง‘๐Ÿปโ€๐Ÿ’ป MCP Server for @antvis visualization development, which provides documentation context and examples for visualization developers.

GitHub Stars

9

User Rating

Not Rated

Forks

3

Issues

0

Views

0

Favorites

0

README
MCP Server AntV npm Version smithery badge npm License

A Model Context Protocol (MCP) server designed for AI development and QA that provides AntV documentation context and code examples using the latest APIs.

mcp-server-antv Technical Architecture

Supports G2, G6, and F2 libraries for declarative visualization workflows, and S2, X6, and L7 on the way๏ฝž

โœจ 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

Install MCP Server

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

Install in 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.

Author Information
AntV Visualization Team

Visualize Data with Vitality ่ฎฉๆ•ฐๆฎๆ ฉๆ ฉๅฆ‚็”Ÿ

Hangzhou, China

1,903

Followers

113

Repositories

0

Gists

27

Total Contributions

Threads