VChart

The server is distributed as an npm package and runs via npx, so Node.js 18+ is required. Check your version before proceeding.

node --version

Claude Desktop stores its MCP server list in a JSON config file. On macOS the path is ~/Library/Application Support/Claude/claude_desktop_config.json. Open it in your editor.

Insert the server block into the mcpServers object. On macOS and Linux use the npx form shown. On Windows wrap it in cmd /c.

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

By default chart images are rendered via https://vmind.visactor.com/export. For air-gapped or enterprise deployments set the VIMD_IMAGE_SERVER environment variable to point to your own export endpoint.

{
  "mcpServers": {
    "vchart-mcp-server": {
      "command": "npx",
      "args": ["-y", "@visactor/vchart-mcp-server"],
      "env": {
        "VIMD_IMAGE_SERVER": "https://your-export-server/export"
      }
    }
  }
}

Close and reopen Claude Desktop. Click the MCP icon in the toolbar — vchart-mcp-server should appear with a green status indicator, exposing tools such as generate_cartesian_chart, generate_polar_chart, and generate_scatter_chart.

Paste some tabular data into the chat and ask Claude to create a chart. It will call the appropriate vchart tool and return an image inline in the conversation.