AntV Visualization Libraries

БесплатноНе проверен

Integrates with AntV's visualization ecosystem to provide intelligent documentation retrieval, code examples, and best practices for g2, g6, l7, x6, f2, and s2

автор: antvis

GitHub Embed

Описание

Integrates with AntV's visualization ecosystem to provide intelligent documentation retrieval, code examples, and best practices for g2, g6, l7, x6, f2, and s2 libraries through query preprocessing and context-aware assistance.

README

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

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

from github.com/antvis/mcp-server-antv

Установить AntV Visualization Libraries в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE

unyly install antv-visualization-libraries

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add antv-visualization-libraries -- npx -y @antv/mcp-server-antv

Пошаговые гайды: как установить AntV Visualization Libraries

Установить AntV Visualization Libraries в Claude Desktop Установить AntV Visualization Libraries в Claude Code Установить AntV Visualization Libraries в Cursor Установить AntV Visualization Libraries в VS Code

FAQ