mcp-server-chart vs claude-mermaid
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | claude-mermaid by veelenga | |
|---|---|---|
| Stars | ★ 4,068 | ★ 146 |
| 30d uses | 10,239 | — |
| Score | 84 | 50 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | Developer ToolsProductivityOther |
| 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.
claude-mermaid · Summary
MCP server for rendering Mermaid diagrams with live reload functionality and export options.
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
claude-mermaid · Use cases
- Create and iteratively refine architecture diagrams in real-time during development planning sessions
- Generate documentation flowcharts that automatically update as the documentation changes
- Produce sequence diagrams for system design and share them via exportable formats
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"]
}
}
}claude-mermaid · Install
Installation
**Plugin Install (Recommended)**
In Claude Code, add the marketplace and install the plugin:
/plugin marketplace add veelenga/claude-mermaid
/plugin install claude-mermaid@claude-mermaidThen restart Claude Code to activate the plugin.
**From npm:**
npm install -g claude-mermaid**For Claude Desktop** (if not using Claude Code):
Add to your Claude Desktop configuration:
{
"mcpServers": {
"mermaid": {
"command": "claude-mermaid"
}
}
}