mcp-server-chart vs mcp-mermaid
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | mcp-mermaid by hustcc | |
|---|---|---|
| Stars | ★ 4,068 | ★ 555 |
| 30d uses | 10,239 | — |
| Score | 84 | 51 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | ProductivityDeveloper ToolsAI / LLM Tools |
| Language | TypeScript | TypeScript |
| Last commit | this month | this month |
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
mcp-mermaid · Summary
An MCP server that generates Mermaid diagrams and charts with AI dynamically.
mcp-server-chart · Use cases
- Data analysts creating visual reports from datasets
- AI assistants generating custom charts based on user requests
- Web applications embedding visualization capabilities via HTTP API
mcp-mermaid · Use cases
- Generate documentation diagrams for technical articles and wikis
- Create process flowcharts for business documentation and presentations
- Produce architectural diagrams for software development documentation
mcp-server-chart · Install
Installation
Install globally:
npm install -g @antv/mcp-server-chartFor Desktop Apps (e.g., Claude Desktop, VSCode):
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}For Windows:
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}mcp-mermaid · Install
Installation
Desktop App Configuration
Add the following MCP server configuration to your Desktop App (Claude, VSCode, Cline, Cherry Studio, etc.):
{
"mcpServers": {
"mcp-mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}Global Installation
npm install -g mcp-mermaidDocker Usage
docker pull susuperli/mcp-mermaid:latest
docker run -p 3033:3033 susuperli/mcp-mermaid:latest --transport sse