# mcp-server-chart

Generates over 26 chart and diagram types using AntV directly inside AI coding assistants and MCP clients.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 4402
- Author: antvis
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/antvis/mcp-server-chart
- Updated: 2026-08-27
- HTML: https://affpapa.org/en/nevibecode/mcp/mcp-server-chart

## What it does

This TypeScript-based server generates charts via AntV. It connects over 26 visualization tools to MCP clients. The list includes column and line charts, scatter plots, flowcharts, mind maps, and Ishikawa diagrams.

It also generates tabular pivot tables. Supplying rows and values triggers cross-tabulation. Geographic map tools rely on AMap and operate exclusively inside China, so they will not work for international coordinates.

Configuration relies on `DISABLED_TOOLS`, `SERVICE_ID`, and `VIS_REQUEST_SERVER`. Excluding unneeded tools with `DISABLED_TOOLS` keeps agent prompt context small.

## Requirements
- Needs: Node.js (commands run via npx)
- Environment variables: `VIS_REQUEST_SERVER`, `SERVICE_ID`, `DISABLED_TOOLS` — keys and tokens: ask the human for the values, never commit them or put them in shared files.

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> --transport stdio mcp-server-chart -- npx -y @antv/mcp-server-chart
```
Replace <…> with your own values

### Codex

**Platform CLI**
```bash
codex mcp add mcp-server-chart --env VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> --env SERVICE_ID=<SERVICE_ID> --env DISABLED_TOOLS=<DISABLED_TOOLS> -- npx -y @antv/mcp-server-chart
```
Replace <…> with your own values

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "mcp-server-chart": {
            "command": "npx",
            "args": [
                "-y",
                "@antv/mcp-server-chart"
            ],
            "env": {
                "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>",
                "SERVICE_ID": "<SERVICE_ID>",
                "DISABLED_TOOLS": "<DISABLED_TOOLS>"
            }
        }
    }
}
```
Replace <…> with your own values

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "mcp-server-chart": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@antv/mcp-server-chart"
            ],
            "env": {
                "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>",
                "SERVICE_ID": "<SERVICE_ID>",
                "DISABLED_TOOLS": "<DISABLED_TOOLS>"
            }
        }
    }
}
```
Replace <…> with your own values

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add -e VIS_REQUEST_SERVER=<VIS_REQUEST_SERVER> -e SERVICE_ID=<SERVICE_ID> -e DISABLED_TOOLS=<DISABLED_TOOLS> mcp-server-chart npx -y @antv/mcp-server-chart
```
Replace <…> with your own values

## When to use it
- plot trend and distribution metrics using AntV charts
- generate structured flowcharts and process diagrams
- create Ishikawa fishbone diagrams for root cause analysis
- render pivot tables and spreadsheets from raw tabular inputs

## Example prompts
- Generate a bar chart comparing quarterly revenue across departments
- Create a flowchart showing the user registration and verification steps
- Build a network graph of dependencies between these services

## Similar
- [World Monitor](https://affpapa.org/en/nevibecode/mcp/world-monitor.md) — MCP server · ★ 89408
- [Scrapling MCP Server](https://affpapa.org/en/nevibecode/mcp/scrapling-mcp-server.md) — MCP server · ★ 89433
- [MCP Toolbox for Databases](https://affpapa.org/en/nevibecode/mcp/googleapis-mcp-toolbox-for-databases.md) — MCP server · ★ 16717
- [PostHog MCP Server](https://affpapa.org/en/nevibecode/mcp/posthog-mcp-server.md) — MCP server · ★ 40409
- [apify-mcp-server](https://affpapa.org/en/nevibecode/mcp/apify-mcp-server.md) — MCP server · ★ 12927
- [Nhost](https://affpapa.org/en/nevibecode/mcp/nhost.md) — MCP server · ★ 9366

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md