ChartPane ChartPane

ChartPane 入门指南

在一分钟内将 ChartPane 连接到您的 AI 客户端。请在下方选择您的平台。

服务器 URL

无论您使用哪个客户端，ChartPane MCP 服务器 URL 都是相同的：

https://mcp.chartpane.com/mcp

Claude Desktop

Claude Desktop 支持原生 MCP 连接器——无需额外软件。

方案 A：自定义连接器（推荐）

  1. Open Claude Desktop and go to Settings.
  2. Navigate to Connectors.
  3. Click Add custom connector.
  4. Paste the server URL: https://mcp.chartpane.com/mcp
  5. 完成。开始新对话并请求图表。

方案 B：JSON 配置

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

ChatGPT 在设置面板中支持 MCP 服务器。

  1. Open ChatGPT and go to Settings.
  2. Scroll down and enable Developer mode.
  3. Back in the chat, open the sources panel (the book icon in the input area).
  4. Click Add MCP server and paste the URL: https://mcp.chartpane.com/mcp
  5. 开始新对话并请求图表。

VS Code（Copilot）

通过 Copilot Chat 中的 MCP 设置将 ChartPane 添加到 VS Code。

.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.

其他 MCP 客户端

任何支持模型上下文协议的客户端都可以使用 ChartPane。在客户端的 MCP 设置中添加服务器 URL。

https://mcp.chartpane.com/mcp

验证是否正常工作

打开一个对话，让 Claude 创建一个图表：

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

图表将直接显示在您的 Claude 对话中。

接下来做什么

ChartPane 连接后，可以尝试以下操作：