Getting Started with ChartPane

Add ChartPane to your AI client in under a minute. No API keys, no sign-up, no cost.

The server URL

Every installation method uses the same URL. Copy it once and use it for whichever client you prefer:

https://mcp.chartpane.com/mcp

Claude Desktop

Claude Desktop supports MCP Apps natively. There are two ways to connect:

Option A: Custom connector (recommended)

Open Claude Desktop and go to Settings.
Navigate to Connectors.
Click Add custom connector.
Paste the server URL: https://mcp.chartpane.com/mcp
Done. Start a new conversation and ask for a chart.

Option B: mcp-remote (JSON config)

If you prefer editing config files directly, add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "chartpane": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.chartpane.com/mcp"]
    }
  }
}

Requires Node.js installed on your machine. Restart Claude Desktop after saving the file.

Config file location:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

ChatGPT

MCP support in ChatGPT requires developer mode to be enabled first.

Open ChatGPT and go to Settings.
Scroll down and enable Developer mode.
Back in the chat, open the sources panel (the book icon in the input area).
Click Add MCP server and paste the URL: https://mcp.chartpane.com/mcp
Start a new conversation and ask for a chart.

VS Code

VS Code supports MCP servers in its Copilot Chat. Add ChartPane to your workspace or user settings:

.vscode/settings.json

{
  "mcp": {
    "servers": {
      "chartpane": {
        "type": "http",
        "url": "https://mcp.chartpane.com/mcp"
      }
    }
  }
}

Open Copilot Chat and select Agent mode to use MCP tools. Then ask for a chart.

Other clients

ChartPane works with any client that supports MCP, including Goose, Postman, MCPJam, and others. The setup is the same: find the MCP settings in your client and add the server URL.

https://mcp.chartpane.com/mcp

Verify it works

After setup, start a new conversation and try a prompt like:

"Chart the population of the 5 largest US cities as a bar chart"

You should see an interactive chart rendered directly in the conversation. If it doesn't appear, make sure your client has MCP Apps enabled and restart it.

What's next

ChartPane supports bar, line, pie, doughnut, polar area, bubble, scatter, radar, and area charts, plus multi-chart dashboards. Just describe what you want in plain language and the AI will figure out the right chart type.