MCP Server Chart

An MCP server from AntV for generating charts and diagrams: 25+ visualization types, from lines and bars to maps, mind maps and network graphs

MCP serverOfficial

Medium risk

We rate an entry medium when the tool runs code, makes network calls or reads project files. Check what exactly it does before installing.

Why this level

  • Runs a third-party package through npx
  • By default sends chart data to an external rendering service
All reasons and checks

antvis/mcp-server-chart

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add mcp/mcp-server-chart

Detects the agents on your machine, checks the risk and pins the version.

Other ways to install

Run in a terminal

claude mcp add --transport stdio mcp-server-chart -- npx -y @antv/mcp-server-chart

Or add to the file .mcp.json, in the project

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

If the file already exists, add the server inside the mcpServers key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Install in Cursor

The button opens the agent and offers to add the server. If nothing happens, copy the config below.

Add to the file ~/.cursor/mcp.json, for all projects

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

If the file already exists, add the server inside the mcpServers key. For a single project, put the same block into .cursor/mcp.json.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Install in VS Code

The button opens the agent and offers to add the server. If nothing happens, copy the config below.

Run in a terminal

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

Or add to the file .vscode/mcp.json, in the project

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

If the file already exists, add the server inside the servers key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Run in a terminal

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

Or add to the file ~/.codex/config.toml, for all projects

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

If the file already exists, append the block to the end.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Add to the file ~/.gemini/settings.json, for all projects

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

If the file already exists, add the server inside the mcpServers key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Add to the file ~/.config/devin/mcp_config.json, for all projects

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

If the file already exists, add the server inside the mcpServers key. Legacy Cascade keeps the MCP config in ~/.codeium/windsurf/mcp_config.json.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Formerly Windsurf.

Add to the file cline_mcp_settings.json, for all projects

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

If the file already exists, add the server inside the mcpServers key. Open the settings file in Cline: MCP Servers tab, Configure MCP Servers.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Add to the file .roo/mcp.json, in the project

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

If the file already exists, add the server inside the mcpServers key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

A fork of Roo Code, same .roo folders.

Add to the file opencode.json, in the project

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

If the file already exists, add the server inside the mcp key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Add to the file ~/.config/zed/settings.json, for all projects

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

If the file already exists, add the server inside the context_servers key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

Add to the file .codeassistant/mcp.json, in the project

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

If the file already exists, add the server inside the mcpServers key.

Keys and settings

VIS_REQUEST_SERVERoptional
URL for the chart generation service. Defaults to the public AntV service, but can be overridden for private deployments.
SERVICE_IDsecret, optional
A unique identifier for your service, used for tracking chart generation records. This may be required for certain service levels or features.
DISABLED_TOOLSoptional
Comma-separated list of tool names to disable.

Replace the values in angle brackets with your own. Keys never go into install links and are not stored by us.

You will need: Node.js

Checked against the repository on Sep 24, 2026, commit e2a8fb7.

Text for your agent

Add the mcp-server-chart server to the client's MCP config with the command npx -y @antv/mcp-server-chart and restart the client. For a closed environment set the VIS_REQUEST_SERVER variable to your own rendering endpoint.

Other ways from the author
{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": ["-y", "@antv/mcp-server-chart"]
    }
  }
}

Snippet for desktop MCP clients. On Windows use the cmd command with args /c npx -y @antv/mcp-server-chart.

This is third-party code. Review the repository files before installing.

What it does

The server gives an agent a set of tools, each of which builds one visualization type from data: line, column and pie charts, histograms, boxplots, scatter plots, funnels, waterfalls, radars, network graphs, treemaps, Sankey and Venn diagrams, mind maps, flowcharts, fishbone diagrams, organization charts, word clouds, tables and pivot tables. There are geographic district, pin and path maps that rely on the AMap service and cover China. Rendering runs through AntV's hosted service by default, but you can point it at your own via the VIS_REQUEST_SERVER variable for private deployment. The server runs through npx over stdio, also works over SSE and streamable HTTP and can be deployed in Docker. Individual tools can be turned off with the DISABLED_TOOLS variable.

Who it is for. For analysts, developers and product managers who want an agent to build charts and diagrams from data.

Good fit when

  • You want an agent to draw a chart or diagram from numbers or a table
  • You need diagrams: a mind map, flowchart, network graph or organization chart
  • You want visualization inside an MCP client without writing rendering code

Not a fit when

  • Your data cannot be sent to an external rendering service and you are not ready to set up a private deployment
  • You need maps outside China: the geographic maps work through AMap for China only

Example request

Build a column chart of monthly sales from this table

Limitations

By default chart specifications are sent to AntV's hosted rendering service; for a closed environment you need to run your own renderer and set VIS_REQUEST_SERVER. Geographic maps use the AMap service and cover China only. Rendering is done by an external service, so availability depends on the network.

How to disable. Remove the mcp-server-chart block from your client's MCP configuration. For a global install remove the package: npm uninstall -g @antv/mcp-server-chart.

MCP

Transport
stdio, sse, http
Authentication
not required
Environment variables
Environment variables
VIS_REQUEST_SERVER
URL of your own rendering service for private deployment instead of AntV's hosted service.
SERVICE_ID
Service identifier for tracking chart generation records.
DISABLED_TOOLS
Comma-separated list of tools to disable.

Security check

  • Runs a third-party package through npx
  • By default sends chart data to an external rendering service

README in short

The README describes a TypeScript MCP server that builds charts with AntV and exposes a separate tool for each visualization type, more than 25 in total. It covers npx setup for Claude, VSCode, Cline, Cursor and other clients, running over SSE and streamable HTTP, Docker deployment and command-line options. It documents environment variables: VIS_REQUEST_SERVER for private rendering, SERVICE_ID for record tracking and DISABLED_TOOLS to switch off unneeded tools. It also mentions a chart-visualization skill for clients that support skills. The package is published on npm as @antv/mcp-server-chart under the MIT license.

FAQ

How many chart types are supported?

More than 25, from basic line, column and pie charts to Sankey diagrams, mind maps, network graphs and geographic maps.

Where does data go for rendering?

By default to AntV's hosted service. For a private environment run your own renderer and set it in VIS_REQUEST_SERVER.

Editors’ pick

166 skills for scientific work: bioinformatics, cheminformatics, clinical data, geospatial analysis and 100+ databases

SkillMedium risk47KRepository stars
Official

Google's open-source MCP server for databases: ready tools for Postgres, MySQL, BigQuery, Spanner and more, plus custom tools in tools.yaml

MCP serverHigh risk16.5KRepository stars
Editors’ pick

Official Hugging Face skills: Hub operations via the hf CLI, datasets, model training, Spaces, evals and deployment

SkillHigh risk11.1KRepository stars
Official

A visualization language for agents and an MCP server: neat charts from a simple semantic spec

MCP serverMedium riskNo VPN needed4.3KRepository stars
Foxx AIMCP Server Chart

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.