chart-builder (v1.0.0)

Interactive data visualization — ECharts in your chat

https://yellow-shadow-21833.run.mcp-use.com/mcp

Installation Guide

Choose your preferred MCP client

Install in Claude Code

Run this command in your terminal:

claude mcp add --transport http "chart-builder" https://yellow-shadow-21833.run.mcp-use.com/mcp

Install in Cursor

Click the button below to add this MCP server to Cursor:

Open in Cursor

Or add manually: Settings → MCP → Add server

Install in VS Code

Click the button below to add this MCP server to VS Code:

Open in VS Code

Or add manually: Settings → MCP → Add server

Install in VS Code Insiders

Click the button below to add this MCP server to VS Code Insiders:

Open in VS Code Insiders

Or add manually: Settings → MCP → Add server

Connect with ChatGPT

  1. Enable Developer Mode: Settings → Connectors → Advanced → Developer mode
  2. Import this MCP server: Go to Connectors tab and add: https://yellow-shadow-21833.run.mcp-use.com/mcp
  3. Use in conversations: Choose the MCP server from the Plus menu

Primitives

Tools (1)

create-chart

Create an interactive chart. Supports bar, line, pie, scatter, radar, heatmap, and more. Pass a full ECharts option object as JSON. The chart renders live as you stream.

Resources (1)

ui://widget/chart-display.htmlchart-display

Interactive chart powered by Apache ECharts