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
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
Install
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/mcp-server-chartDetects 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-chartOr 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.
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.
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-chartOr 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.
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 tableLimitations
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 | |
|---|---|
| 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.
Related
166 skills for scientific work: bioinformatics, cheminformatics, clinical data, geospatial analysis and 100+ databases
Google's open-source MCP server for databases: ready tools for Postgres, MySQL, BigQuery, Spanner and more, plus custom tools in tools.yaml
Official Hugging Face skills: Hub operations via the hf CLI, datasets, model training, Spaces, evals and deployment
A visualization language for agents and an MCP server: neat charts from a simple semantic spec