AntV Chart MCP

Name: AntV Chart MCP
Author: AntV

AntVOfficialChina

Get started Repository Website & docs

Generates 25+ chart types with AntV, such as line, bar, pie and mind maps, for data analysis and visualization.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

Local

claude mcp add antv-chart --env SERVICE_ID='<SERVICE_ID>' --env VIS_REQUEST_SERVER='<VIS_REQUEST_SERVER>' -- npx -y @antv/mcp-server-chart

~/.codex/config.toml

[mcp_servers.antv-chart]
command = "npx"
args = ["-y", "@antv/mcp-server-chart"]
env = { SERVICE_ID = "<SERVICE_ID>", VIS_REQUEST_SERVER = "<VIS_REQUEST_SERVER>" }

# codex mcp add antv-chart --env SERVICE_ID='<SERVICE_ID>' --env VIS_REQUEST_SERVER='<VIS_REQUEST_SERVER>' -- npx -y @antv/mcp-server-chart

~/.cursor/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

.vscode/mcp.json

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

~/.gemini/settings.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ],
      "env": {
        "SERVICE_ID": "<SERVICE_ID>",
        "VIS_REQUEST_SERVER": "<VIS_REQUEST_SERVER>"
      }
    }
  }
}

Remote

claude mcp add --transport http antv-chart https://mcp-server-chart.run.tools

~/.codex/config.toml

[mcp_servers.antv-chart]
url = "https://mcp-server-chart.run.tools"

# codex mcp add antv-chart --url https://mcp-server-chart.run.tools

~/.cursor/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "url": "https://mcp-server-chart.run.tools"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "antv-chart": {
      "type": "http",
      "url": "https://mcp-server-chart.run.tools"
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "antv-chart": {
      "httpUrl": "https://mcp-server-chart.run.tools"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "antv-chart": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp-server-chart.run.tools"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "antv-chart": {
      "url": "https://mcp-server-chart.run.tools"
    }
  }
}

Environment variables

SERVICE_ID
VIS_REQUEST_SERVER

Replace the placeholders with your own credentials and keep them out of version control.

Setup

Local

Remote

Environment variables

Related