Back
Marketplace/ECharts

TL;DR

ECharts is a Design MCP server that lets Claude Code, Cursor, Windsurf and any MCP-compatible AI agent generate beautiful interactive charts using Apache ECharts. Install in 1 minute with mcpizy install echarts.

📈

ECharts

Design

Last updated May 30, 2026 · By MCPizy team

Generate beautiful interactive charts using Apache ECharts. Bar, line, pie, scatter, and more.

Install ECharts

Via MCPizy CLI (recommended):
mcpizy install echarts
Or run directly:
npx -y mcp-echarts
View on GitHub

Works with

Claude Code
Claude Desktop
Cursor
Windsurf
VS Code + Copilot
Any MCP Client

More Design MCPs

✨

21st.dev Magic

Create crafted UI components inspired by the best design engineers. AI-powered component generation.

📊

SlideSpeak

Create presentations and PowerPoints using AI. Generate professional slides from text prompts.

📉

Chart (AntV)

Generate visual charts using AntV visualization library. Data-driven chart creation.

🎨

FlyonUI

Build modern production-ready UI blocks and components. Tailwind-based design system.

Alternatives to ECharts

If ECharts doesn't fit your stack, these Design MCP servers solve similar problems.

🎨

Figma

Read Figma files, components, and design tokens

🧊

Blender

3D modeling and rendering via API

✏️

Excalidraw

Architecture and whiteboard diagrams

Key Takeaways

  • ECharts exposes an MCP interface for design workflows in Claude Code, Cursor and Windsurf.
  • No authentication required — works out of the box once installed.
  • Install in 1 command: mcpizy install echarts — config written to your client automatically.
  • Free and open source (GitHub source linked above) — verified compatible with every MCP client (Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + Copilot).
  • Best use case: automate design workflows from your AI agent without leaving the editor.

Frequently asked questions

What is the ECharts MCP server?

The ECharts MCP server is an Design Model Context Protocol server that lets Claude Code, Cursor, Windsurf, VS Code with Copilot, and other MCP-compatible AI agents generate beautiful interactive charts using Apache ECharts. It exposes ECharts's capabilities as tools the AI can call directly from your editor or CLI.

How do I install ECharts MCP with Claude Code?

The fastest way is the MCPizy CLI: run `mcpizy install echarts` and MCPizy will add the server to your `.claude.json` automatically. You can also install it manually by adding an entry under `mcpServers` in `.claude.json` with the command `npx -y mcp-echarts` and restarting Claude Code.

Is ECharts MCP free?

Yes. The ECharts MCP server is free and open source (see the GitHub repository linked on this page). You may still need a ECharts account or API key to connect the server to the underlying service, but the MCP layer itself has no MCPizy subscription cost.

Does ECharts MCP work with Cursor and Windsurf?

Yes. Any MCP-compatible client works — including Claude Code, Claude Desktop, Cursor (via `.cursor/mcp.json`), Windsurf, VS Code with Copilot Chat, and custom agents built on the MCP SDK. The same install command targets all of them; only the config file path differs.

Manage all your MCPs in one place

Monitor usage, track costs, and discover new MCPs.

Get Started Free
What can I do with ECharts MCP?

Once installed, your AI agent can generate beautiful interactive charts using Apache ECharts directly inside your conversation. Typical use cases include asking Claude Code or Cursor to run ECharts operations, inspect results, chain ECharts with other MCP servers (see our Workflow Recipes), and automate repetitive design tasks without leaving your editor.