MCP Server AntV

v0.1.8Developer Toolsstable

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.

antvdevelopmentmcpmcp-servervisualization
Share:
39
Stars
0
Downloads
0
Weekly
0/5

What is MCP Server AntV?

MCP Server AntV is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to 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.

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.

This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • A Model Context Protocol server that provides AntV visualiza

Use Cases

Access AntV visualization library documentation and code examples for G2, G6, and F2. Build data visualizations programmatically.
antvis

Maintainer

LicenseMIT License
Languagetypescript
Versionv0.1.8
UpdatedMay 13, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux

Installation

NPM

npx -y @antv/mcp-server-antv

Manual Installation

npx -y @antv/mcp-server-antv

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use MCP Server AntV

MCP Server AntV is a Model Context Protocol server that brings AntV visualization library documentation and real-world code examples directly into AI development workflows. It supports G2 (2D charts), G6 (graph and network diagrams), and F2 (mobile charts), all using the latest AntV 5.x APIs. Developers use it to get accurate, up-to-date documentation and working code snippets without leaving their IDE or AI chat interface, eliminating the guesswork of working with rapidly evolving visualization APIs.

Prerequisites

  • Node.js version 18.0.0 or higher
  • An MCP-compatible client: Cursor, VS Code with Copilot, Cline, or Claude Desktop
  • npx available on your PATH (comes with Node.js/npm)
1

Verify Node.js version

The server requires Node.js 18 or later. Check your version and upgrade if needed.

node --version
# Should output v18.0.0 or higher
2

Add the server to your MCP client configuration

No separate installation step is required — the server runs directly via npx. Open your MCP client's configuration file and add the server entry below.

3

Configure Claude Desktop

Edit ~/Library/Application Support/Claude/claude_desktop_config.json on macOS or %APPDATA%\Claude\claude_desktop_config.json on Windows and add the mcpServers entry.

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

Configure VS Code

Create or edit ~/.vscode/mcp.json (global) or .vscode/mcp.json in your workspace to add the AntV server.

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

Restart your MCP client

Restart Claude Desktop, reload the VS Code window, or reconnect your MCP client to pick up the new server configuration. The server will start automatically on first use via npx.

MCP Server AntV Examples

Client configuration (Claude Desktop)

Standard Claude Desktop configuration for the AntV MCP server. On Windows, use cmd /c as the command wrapper.

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

Prompts to try

Use these prompts to pull AntV documentation and code examples into your workflow. The server uses extract_antv_topic to detect your intent and query_antv_document to fetch the relevant docs.

- "Show me a G2 bar chart example with grouped bars and custom colors."
- "How do I create a force-directed graph layout in G6 5.x?"
- "Give me a complete F2 line chart example for mobile with touch gestures."
- "What's the correct API for adding tooltips to a G2 scatter plot in version 5?"
- "Show me how to render a G6 tree diagram with collapsible nodes."

Troubleshooting MCP Server AntV

npx fails to download the package or hangs on first run

Run 'npm install -g @antv/mcp-server-antv' to install globally, then update your config to use 'command': 'mcp-server-antv' with an empty args array. Also check your network or proxy settings.

The server returns outdated API examples that don't match AntV 5.x

The server fetches live documentation via the query_antv_document tool using context7. Ensure the server is running the latest version by clearing the npx cache: run 'npx clear-npx-cache' then restart your client.

Frequently Asked Questions about MCP Server AntV

What is MCP Server AntV?

MCP Server AntV is a Model Context Protocol (MCP) server that 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. It connects AI assistants to external tools and data sources through a standardized interface.

How do I install MCP Server AntV?

Install via npm with the command: npx -y @antv/mcp-server-antv. Then add the server configuration to your AI client's JSON config file (e.g., claude_desktop_config.json or .cursor/mcp.json).

Which AI clients work with MCP Server AntV?

MCP Server AntV works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is MCP Server AntV free to use?

Yes, MCP Server AntV is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.

Browse More Developer Tools MCP Servers

Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Quick Config Preview

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

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use MCP Server AntV?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides