Integrates with Apache ECharts to generate high-quality chart images from ECharts configurations, supporting various chart types like bar, line, pie, scatter and more with customizable dimensions.
Utilizes Zod for schema validation of chart configurations, ensuring properly formatted input data for chart generation.
๐ ECharts MCP Server
ไธญๆๆๆกฃ | English
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
Related MCP server: MCP Server Chart
โ๏ธ Configuration
.cursor/mcp.json
๐ง Local Development
If you want to run from source:
Then configure your MCP client:
๐ 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:
๐ ๏ธ Development
Scripts
npm start- Start the MCP servernpm test- Run test chartsnpm 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