trackmcp
Back to directory
antvis

mcp-server-antv

View on GitHub

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

28 stars TypeScriptServers & Infrastructure Updated Oct 11, 2025
antvdevelopmentmcpmcp-servervisualization

Documentation

MCP Server AntV ! ![npm Version](https://www.npmjs.com/package/@antv/mcp-server-antv) ![smithery badge](https://smithery.ai/server/@antvis/mcp-server-antv) ![npm License](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.

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`

json
{
  "mcpServers": {
    "mcp-server-antv": {
      "command": "npx",
      "args": ["-y", "@antv/mcp-server-antv"]
    }
  }
}

On Window system:

json
{
  "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.

json
{
  "servers": {
    "mcp-server-antv": {
      "command": "npx",
      "args": ["-y", "@antv/mcp-server-antv"]
    }
  }
}

or command-line configuration

bash
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_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

bash
git clone https://github.com/antvis/mcp-server-chart.git
cd mcp-server-chart

Install dependencies:

bash
npm install

Build the server:

bash
npm run build

Start the MCP server:

bash
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

Run your own MCP server? See who uses it and what to fix.

Measure it with TrackMCP