ChartKitMCP docs

Quickstart

Connect ChartKit to Claude, ChatGPT, Claude Code, Codex, Cursor or VS Code with your ChartKit sign-in.

Every client below signs in with OAuth. The first time it connects, a browser window opens the ChartKit sign-in page. Sign in with the Google account you use in the ChartKit extension, and the client receives a token for that account.

Tool calls need ChartKit Pro

Connecting works on any plan. Drawing a chart needs Pro, a running Pro trial, Team or Student on the account you sign in with. Start a trial from your dashboard. For code that runs without a person, use a team API key instead.

Claude and Claude Desktop

  1. Open Settings → Connectors → Add custom connector.

  2. Name it ChartKit and paste the server URL.

    Server URLtext
    https://www.getchartkit.app/mcp
  3. Click Connect and sign in with the Google account you use in the extension.

Claude Desktop shares connectors with claude.ai.

Claude Code

Terminalbash
claude mcp add --transport http chartkit https://www.getchartkit.app/mcp

Then run /mcp in Claude Code, pick ChartKit and authenticate.

ChatGPT

  1. Open Settings → Connectors → Advanced → turn on Developer mode. Paid plans only.

  2. Create: name ChartKit, paste the server URL, Authentication OAuth.

    Server URLtext
    https://www.getchartkit.app/mcp
  3. In a chat, open + → More → ChartKit and sign in with the Google account you use in the extension.

Codex

Terminalbash
codex mcp add chartkit --url https://www.getchartkit.app/mcp
codex mcp login chartkit

The second command opens the ChartKit sign-in page in your browser.

Cursor

Add the server to ~/.cursor/mcp.json for every project, or to .cursor/mcp.json in one project. Cursor shows a sign-in button next to ChartKit in its MCP settings.

mcp.jsonjson
{
  "mcpServers": {
    "chartkit": {
      "url": "https://www.getchartkit.app/mcp"
    }
  }
}

VS Code

Add the server to .vscode/mcp.json in your workspace, then start it from the file or from the MCP server list. VS Code opens the ChartKit sign-in page when the server starts.

.vscode/mcp.jsonjson
{
  "servers": {
    "chartkit": {
      "type": "http",
      "url": "https://www.getchartkit.app/mcp"
    }
  }
}

Other clients

Any client that supports remote MCP servers over Streamable HTTP with OAuth can connect with the server URL. The server publishes its OAuth metadata, and clients register themselves, so there is no client id to copy.

Server URLtext
https://www.getchartkit.app/mcp

Try it

Ask your assistant for a chart and give it the numbers.

Prompttext
Chart our online sales for 2021 to 2025 in EUR m: 41.2, 48.9, 57.3, 66.0, 78.4. Show the CAGR.

The assistant calls create_chart, and the chart shows in the chat. With a Google Slides deck open in Chrome and the ChartKit extension signed in to the same account, it can also insert the chart into the deck.