ChartPane ChartPane

Memulai dengan ChartPane

Hubungkan ChartPane ke klien AI Anda dalam waktu kurang dari satu menit. Pilih platform Anda di bawah.

URL server

Tidak peduli klien apa yang Anda gunakan, URL server MCP ChartPane selalu sama:

https://mcp.chartpane.com/mcp

Claude Desktop

Claude Desktop mendukung konektor MCP native — tidak perlu perangkat lunak tambahan.

Opsi A: Konektor kustom (direkomendasikan)

  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. Selesai. Mulai percakapan baru dan minta grafik.

Opsi B: Konfigurasi 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 mendukung server MCP di panel pengaturannya.

  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. Mulai percakapan baru dan minta grafik.

VS Code (Copilot)

Tambahkan ChartPane ke VS Code melalui pengaturan MCP di Copilot Chat.

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

Klien MCP lainnya

Klien apa pun yang mendukung Model Context Protocol bekerja dengan ChartPane. Tambahkan URL server di pengaturan MCP klien Anda.

https://mcp.chartpane.com/mcp

Verifikasi sudah berjalan

Buka percakapan dan minta Claude untuk membuat grafik:

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

Grafik akan muncul langsung di percakapan Claude Anda.

Langkah selanjutnya

Setelah ChartPane terhubung, coba beberapa hal ini: