Skip to main content
Glama
by antvis

MCP Server AntV npm Version 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.

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.

Related MCP server: MCP Toolkit

๐Ÿ› ๏ธ 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.

Deploy Server
A
security โ€“ no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/antvis/mcp-server-antv'

If you have feedback or need assistance with the MCP directory API, please join our Discord server