MCP profile

ChartPane

Renders interactive Chart.js charts and dashboards inline in AI conversations.

Developer ToolsRemoteOpen SourceExternal

Book a demo View source

Last updated

March 16, 2026

Visibility

Public

ByRegistry

About This MCP Server

Claude tool calls flow through a thin MCP server that validates input and returns structuredContent. The browser-side UI transforms input into Chart.js configs and renders to canvas. All shared logic (types, validation, colors, config) lives in shared/.

Capabilities

9 chart types: bar, line, area, pie, doughnut, polarArea, bubble, scatter, radarStacked and horizontal bar chart variantsMulti-chart dashboard grids (up to 4 columns)Custom colors or automatic 12-color paletteClient-side rendering — chart data never stored server-sideWorks with any MCP-compatible client (Claude Desktop, ChatGPT, VS Code, Cursor)

Tools & Endpoints2

Why Use ChartPane?

9 chart types: bar, line, area, pie, doughnut, polarArea, bubble, scatter, radar
Stacked and horizontal bar chart variants
Multi-chart dashboard grids (up to 4 columns)
Custom colors or automatic 12-color palette
Client-side rendering — chart data never stored server-side
Works with any MCP-compatible client (Claude Desktop, ChatGPT, VS Code, Cursor)

Specifications

Status

live

Industry

Developer Tools

Hosting

Hosting Options

Remote

API

Integrate this server into your application. Choose a connection method below.

Configure

Configuration

json

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

Performance

Usage

Quick Reference

Name: ChartPane
Function: Renders interactive Chart.js charts and dashboards inline in AI conversations.
Available Tools: render_chart — Render a single chart (bar, line, area, pie, doughnut, polarArea, bubble, scatter, radar, stacked), render_dashboard — Render a multi-chart grid layout
Transport: Remote
Source: External (Registry)
License: Open Source