JUHE API Marketplace
antvis avatar
MCP Server

MCP Server AntV

A Model Context Protocol server that provides AntV visualization library documentation and code examples to AI assistants, supporting G2, G6, and F2 libraries for data visualization workflows.

19
GitHub Stars
8/18/2025
Last Updated
MCP Server Configuration
1{
2 "name": "mcp-server-antv",
3 "command": "npx",
4 "args": [
5 "-y",
6 "@antv/mcp-server-antv"
7 ]
8}
JSON8 lines

README Documentation

MCP Server AntV ](https://www.npmjs.com/package/@antv/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.

mcp-server-antv Technical Architecture

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

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

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

ToolFunctionality
extract_antv_topicExtract user intent, detects library (G2/G6/F2), and infers task complexity.
query_antv_documentfetch 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.

Quick Install

Quick Actions

Key Features

Model Context Protocol
Secure Communication
Real-time Updates
Open Source