ECharts MCP Server

📊 ECharts MCP Server

A Model Context Protocol (MCP) server that generates beautiful chart images from ECharts configurations.

✨ Features

🎨 Generate high-quality chart images from ECharts configurations
🖼️ Support for various chart types (bar, line, pie, scatter, etc.)
📐 Customizable dimensions (width/height)
🎯 Easy integration with AI assistants via MCP

⚙️ Configuration

.cursor/mcp.json

{
  "mcpServers": {
    "echarts-mcp": {
      "command": "npx",
      "args": ["echarts-mcp"],
    }
  }
}

🔧 Local Development

If you want to run from source:

# Clone the repository
git clone https://github.com/w2xi/echarts-mcp.git
cd echarts-mcp

# Install dependencies
npm install

# Run the server
npm start

Then configure your MCP client:

{
  "mcpServers": {
    "echarts-mcp": {
      "command": "node",
      "args": ["/path/to/echarts-mcp/cli.js"],
      "env": {}
    }
  }
}

📖 Usage

Once configured, you can use the MCP server in your AI assistant by requesting chart generation:

Example Prompts:

"Generate a bar chart showing sales data for the last 6 months"
"Create a pie chart displaying market share distribution"
"Make a line chart with temperature data over time"

Tool Parameters:

width: Chart width in pixels (e.g., 1000)
height: Chart height in pixels (e.g., 500)
echarts: ECharts configuration object as string

Example ECharts Configuration:

{
  backgroundColor: '#fff',
  title: {
    text: 'Monthly Sales Data'
  },
  tooltip: {},
  legend: {
    data: ['Sales']
  },
  xAxis: {
    data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  },
  yAxis: {},
  series: [{
    name: 'Sales',
    type: 'bar',
    data: [120, 200, 150, 80, 70, 110]
  }]
}

🛠️ Development

Scripts

npm start - Start the MCP server
npm test - Run test charts
npm run inspect - Inspect the MCP server with debugging tools

Dependencies

ECharts: Chart generation library
Canvas: Server-side canvas rendering
MCP SDK: Model Context Protocol implementation
Zod: Schema validation

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

MIT License

🔗 Links

Made with ❤️ by w2xi

This server cannot be installed

security - not tested

license - not found

quality - not tested

How are these scores calculated?

A Model Context Protocol server that generates beautiful chart images from ECharts configurations, supporting various chart types with customizable dimensions.

Related MCP Servers

Excalidraw MCP Server
i-tozer
A
security
F
license
A
quality
A Model Context Protocol server that provides API functionality for creating, managing, and exporting Excalidraw drawings in various formats like SVG, PNG, and JSON.
Last updated -
8
69
24
JavaScript
MCP Server Chartofficial
antvis
A
security
A
license
A
quality
mcp-server-chart
Last updated -
25
4,065
2,128
TypeScript
MIT License
MCP Chart Server
wubbyweb
A
security
F
license
A
quality
A Model Context Protocol server that generates TradingView chart visualizations with real-time updates, enabling AI assistants to create and display financial charts through an integration with Chart-IMG API.
Last updated -
5
26
TypeScript
MCP ASCII Charts
gianlucamazza
A
security
A
license
A
quality
A Model Context Protocol server that generates lightweight ASCII charts directly in terminal environments, supporting line charts, bar charts, scatter plots, histograms, and sparklines without GUI dependencies.
Last updated -
5
4
TypeScript
MIT License

View all related MCP servers

ECharts MCP Server