ChartPane

What it does

ChartPane is an MCP App that renders live, interactive charts directly inside Claude's conversation UI. Instead of getting a static image or a code snippet, you see a fully interactive Chart.js visualization — zoomable, hoverable — without leaving the chat.

It supports both single charts and multi-chart dashboard grids. A hosted instance is available at mcp.chartpane.com, so there's nothing to install for most users.

Key features

• 9 chart types: bar, line, area, pie, doughnut, polarArea, bubble, scatter, radar — plus stacked and horizontal bar variants
• Dashboard grids: up to 4-column layouts with multiple charts in a single response
• Auto color palette: 12-color scheme applied automatically, or supply your own hex colors
• Client-side rendering: chart data is never sent to or stored on the server — privacy by design
• Self-hostable: runs on Cloudflare Workers; deploy your own instance in minutes

Installation

Claude Desktop — Add custom connector:

In Settings → Connectors → Add custom connector, enter:

https://mcp.chartpane.com/mcp

Claude Desktop (via mcp-remote):

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

Claude.ai web: Add https://mcp.chartpane.com/mcp in Settings → Integrations.

VS Code Copilot (settings.json):

{
  "github.copilot.chat.mcp.servers": {
    "chartpane": {
      "url": "https://mcp.chartpane.com/mcp"
    }
  }
}

Cursor (~/.cursor/mcp.json):

{
  "mcpServers": {
    "chartpane": {
      "url": "https://mcp.chartpane.com/mcp"
    }
  }
}

Supported hosts

Confirmed in README: Claude Desktop, ChatGPT, VS Code Copilot, Cursor.