Chart MCP Server

Create interactive visualizations and query data sources (SQLite, CSV, Parquet, JSON)

Local serverstdioTypeScript

What is the Chart MCP server?

Create interactive visualizations and query data sources (SQLite, CSV, Parquet, JSON). Exposed over MCP by the chart mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.

What it actually does

Create beautiful charts, diagrams, and tables directly from your AI conversations. Chart Canvas provides a real-time dashboard that displays visualizations as you work with LLMs like Claude.

Adding it to your client

The server ships on npm as @gluip/chart-canvas-mcp, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

Its toolset

Everything the assistant can do here goes through one of these:

  • Installation — The Installation tool exposed by this server
  • Configuration — Add to your MCP client configuration (e.g., Claude Desktop):
  • Usage — 1. Start your MCP client (e.g., Claude Desktop) 2. The server will automatically start on port 3000 3. Use the showCanvas tool to open the dashboard
  • addVisualization — The addVisualization tool exposed by this server
  • removeVisualization — The removeVisualization tool exposed by this server
  • clearCanvas — The clearCanvas tool exposed by this server
  • showCanvas — The showCanvas tool exposed by this server
  • getDatabaseSchema — Inspect the structure of a SQLite database to understand available tables and columns before writing queries
  • queryAndVisualize — Execute a SQL query on a SQLite database and create a visualization from the results. Queries are executed server-side and must be read-only (SELECT

Caveats

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • With 9 tools registered it takes up a noticeable share of the context window; turn it off in projects that never touch Chart.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the chart mcp server does with a few real requests.

When to reach for it

This sits in the database access group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Chart's toolset — Installation, Configuration, Usage and 6 more — is a fair guide to whether it matches your workflow. It is maintained by gluip; worth a glance at recent repository activity before you build anything load-bearing on it.

We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.

Available tools

ToolWhat it does
InstallationThe Installation tool exposed by this server.
ConfigurationAdd to your MCP client configuration (e.g., Claude Desktop):
Usage1. Start your MCP client (e.g., Claude Desktop) 2. The server will automatically start on port 3000 3. Use the showCanvas tool to open the dashboard in your browser 4. Ask the AI to create visualizations!
addVisualizationThe addVisualization tool exposed by this server.
removeVisualizationThe removeVisualization tool exposed by this server.
clearCanvasThe clearCanvas tool exposed by this server.
showCanvasThe showCanvas tool exposed by this server.
getDatabaseSchemaInspect the structure of a SQLite database to understand available tables and columns before writing queries.
queryAndVisualizeExecute a SQL query on a SQLite database and create a visualization from the results. Queries are executed server-side and must be read-only (SELECT only). Maximum 10,000 rows.

How to install the Chart MCP server

{
  "mcpServers": {
    "chart-canvas": {
      "command": "npx",
      "args": ["-y", "@gluip/chart-canvas-mcp"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use Chart to Installation.
  • Use Chart to Configuration.
  • Use Chart to Usage.

Frequently asked questions

It connects Chart to MCP-compatible AI assistants such as Claude and Cursor, exposing 9 tools (Installation, Configuration, Usage, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Chart directly.