AntV Chart

listing.by

Generate more than 25 chart types, including line, bar, sankey, mind map and map charts, from data in your conversation.

state.local.long (state.local.title)listing.badge.runs_with

listing.install

listing.local.explain

npx -y @antv/mcp-server-chart

listing.local.needs listing.local.note

listing.share.h

listing.share.p_local

mcp.tc/i/antv-chart

listing.about

AntV Chart creates charts and diagrams from data you give your assistant. It covers trend, comparison, distribution and proportion charts (line, area, bar, column, pie, scatter, histogram, boxplot, violin, radar, funnel, waterfall). It also covers relationship and structure diagrams (sankey, venn, treemap, network, mind map, org chart, fishbone, flow) and word clouds. The map tools use the AMap service and only support locations within China.

It runs locally through npx over stdio and needs no sign-in or API key. By default, charts are rendered by AntV's public rendering service. Set VIS_REQUEST_SERVER to point at a private deployment. DISABLED_TOOLS turns off selected tools, and SERVICE_ID is an optional setting for chart generation records.

listing.can

  • Create line, area, bar, column and pie charts from supplied data
  • Plot distributions with histograms, boxplots and violin plots
  • Draw sankey, venn, treemap and network graphs
  • Build mind maps, org charts, fishbone and flow diagrams
  • Generate word clouds, funnel, waterfall and radar charts
  • Render district, path and pin maps within China
  • Disable unwanted tools with DISABLED_TOOLS

listing.tools 26

  • generate_area_chart

    Area chart for trends over a continuous variable

  • generate_bar_chart

    Horizontal bar chart for comparing categories

  • generate_boxplot_chart

    Box-and-whisker plot for statistical distributions

  • generate_column_chart

    Vertical column chart for comparing categories

  • generate_district_map

    District map of administrative regions in China

  • generate_dual_axes_chart

    Dual-axes chart for comparing different scales

  • generate_fishbone_diagram

    Fishbone diagram for cause-and-effect analysis

  • generate_flow_diagram

    Flow diagram for process visualization

  • generate_funnel_chart

    Funnel chart for conversion or stage analysis

  • generate_histogram_chart

    Histogram for frequency distributions

  • generate_line_chart

    Line chart for trend analysis

  • generate_liquid_chart

    Liquid fill gauge for percentage displays

listing.tools_more
  • generate_mind_map

    Mind map for hierarchical idea organization

  • generate_network_graph

    Network graph for relationships between nodes

  • generate_organization_chart

    Org chart for hierarchical structures

  • generate_path_map

    Path map for route visualization in China

  • generate_pie_chart

    Pie chart for part-to-whole relationships

  • generate_pin_map

    Pin map for location markers in China

  • generate_radar_chart

    Radar chart for multivariate comparison

  • generate_sankey_chart

    Sankey diagram for flow quantities

  • generate_scatter_chart

    Scatter plot for correlation analysis

  • generate_treemap_chart

    Treemap for hierarchical data proportions

  • generate_venn_chart

    Venn diagram for set relationships

  • generate_violin_chart

    Violin plot for distribution comparison

  • generate_waterfall_chart

    Waterfall chart for cumulative effect analysis

  • generate_word_cloud_chart

    Word cloud for text frequency visualization

listing.prov.mcpb_on

listing.prompts

  • Make a line chart of these monthly sales figures.

  • Draw a sankey diagram of this traffic flow data.

  • Create a mind map of the main topics in this plan.

  • Show the share of each category as a pie chart.

listing.setup.h

listing.setup.local

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport stdio antv-chart -- npx -y @antv/mcp-server-chart
  1. Start Claude Code and type /mcp. antv-chart should show as connected.

Add --scope user to make it available in every project.

Claude Desktop

  1. Open Settings → Developer → Edit Config. It opens claude_desktop_config.json. Add:
claude_desktop_config.json
{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}
  1. Save the file and restart Claude Desktop.

Needs Node.js on your computer. The file lives in ~/Library/Application Support/Claude/ on macOS and %APPDATA%\Claude\ on Windows.

Cursor

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

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

Needs Node.js on your computer.

VS Code

Or from a terminal:

code --add-mcp '{"name":"antv-chart","type":"stdio","command":"npx","args":["-y","@antv/mcp-server-chart"]}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "antv-chart": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

Needs Node.js on your computer.

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}
  1. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf.

Codex

codex mcp add antv-chart -- npx -y @antv/mcp-server-chart

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.antv-chart]
command = "npx"
args = ["-y", "@antv/mcp-server-chart"]

Needs Node.js on your computer.

Gemini CLI

gemini mcp add antv-chart npx -- -y @antv/mcp-server-chart

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients that start local servers accept this shape:

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

Zed puts servers under context_servers in its settings, with the same command, args and env fields.

Needs Node.js on your computer.

listing.faq

Can I paste mcp.tc/i/antv-chart into my MCP client?

No. AntV Chart runs on your own computer, started by your client, so it has no web address to connect to. The quick link is the page to share; the install command is npx -y @antv/mcp-server-chart.

Does AntV Chart need an API key?

No. It doesn't declare any keys or environment variables. It runs with your user account's permissions, so check what its tools can reach.

Is AntV Chart a remote or a local server?

Local. Your client starts it as a process on your computer with npx -y @antv/mcp-server-chart, which needs Node.js.

What can AntV Chart do?

It has 26 tools, including generate_area_chart, generate_bar_chart and generate_boxplot_chart. You can create line, area, bar, column and pie charts from supplied data, plot distributions with histograms, boxplots and violin plots and draw sankey, venn, treemap and network graphs.

Which clients can use it?

Any client that starts local servers: Claude Code, Claude Desktop, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. claude.ai and ChatGPT only connect to remote servers.

Who wrote this page?

mcp.tc's robot read AntV Chart's public metadata (its package and repository pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

listing.em.h

listing.em.lead_local listing.em.how

listing.em.badge

em.prev_lightem.prev_dark
Markdown
[![AntV Chart on mcp.tc](https://mcp.tc/i/antv-chart/badge.svg)](https://mcp.tc/i/antv-chart)
HTML
<a href="https://mcp.tc/i/antv-chart"><img src="https://mcp.tc/i/antv-chart/badge.svg" alt="AntV Chart on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML
<script src="https://mcp.tc/w/antv-chart.js" async></script>

listing.em.widget_note

iframe

HTML
<iframe src="https://mcp.tc/embed/antv-chart" title="AntV Chart on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json_local

https://mcp.tc/i/antv-chart.json

listing.em.fields

listing.disclaimer_checked