ECharts MCP Server
Generates various types of charts and visualizations using ECharts, inspired by AntV, with support for bar, line, pie, scatter, radar, heatmap, and other chart types.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@ECharts MCP Servercreate a bar chart showing monthly sales for 2024"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
ECharts MCP Server

A Model Context Protocol server for generating charts using ECharts inspired by AntV.
This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools. You can also use it in Dify.
✨ Features
Nearly all types of chart supported. Each tool will return a chart preview URL which is the echarts official chart preview page.
For example, this pie chart
generate_bar_chart- Generate abarchart.generate_line_chart- Generate alinechart.generate_pie_chart- Generate apiechart.generate_scatter_chart- Generate ascatterchart.generate_radar_chart- Generate aradarchart.generate_heatmap_chart- Generate aheatmapchart.generate_general_chart- Generate aeffectScatter, tree, treemap, sunburst, boxplot, candlestick, graph, sankey, funnel, gauge or themeRiverchart.
🤖 Usage
To use with Desktop APP, such as Claude, VSCode, Cline, Cherry Studio, Cursor, and so on, add the MCP server config below.
{
"mcpServers": {
"echarts-server": {
"command": "node",
"args": [
"your-path/echarts-mcp-server/build/index.js"
]
}
}
}Or
{
"mcpServers": {
"echarts-server": {
"command": "npx",
"args": [
"-y",
"echarts-mcp-server"
]
}
}
}Also, you can use it on aliyun, modelscope, glama.ai, smithery.ai or others with HTTP, SSE Protocol.
🚰 Run with SSE or Streamable transport
Install the package globally.
npm install -g echarts-mcp-serverRun the server with your preferred transport option:
# For SSE transport (default endpoint: /sse)
echarts-mcp-server --transport sse
# For Streamable transport with custom endpoint
echarts-mcp-server --transport streamableThen you can access the server at:
SSE transport:
http://localhost:1122/sseStreamable transport:
http://localhost:1122/mcp
🎮 CLI Options
You can also use the following CLI options when running the MCP server. Command options by run cli with -h.
MCP Server Chart CLI
Options:
--transport, -t Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")
--port, -p Specify the port for SSE or streamable transport (default: 1122)
--endpoint, -e Specify the endpoint for the transport:
- For SSE: default is "/sse"
- For streamable: default is "/mcp"
--help, -h Show this help message🔨 Development
Install dependencies:
npm installBuild the server:
npm run buildStart the MCP server:
npm run startThis server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Appeared in Searches
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/zhr7777777/echarts-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server