mcp-server-chart vs mermaid-mcp
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | mermaid-mcp by Narasimhaponnada | |
|---|---|---|
| Stars | ★ 4,068 | ★ 42 |
| 30d uses | 10,239 | — |
| Score | 84 | 44 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | Developer ToolsAI / LLM ToolsProductivity |
| Language | TypeScript | JavaScript |
| Last commit | this month | 6 mo ago |
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
mermaid-mcp · Summary
AI-powered Mermaid diagram generation MCP server for GitHub Copilot, Claude, and custom LLM applications.
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
mermaid-mcp · Use cases
- Generate architecture diagrams for technical documentation
- Create flowcharts for CI/CD pipelines and GitHub Actions
- Build sequence diagrams for user authentication workflows
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"]
}
}
}mermaid-mcp · Install
Installation
Option 1: Install from NPM (Recommended)
npm install -g @narasimhaponnada/mermaid-mcp-server
mermaid-mcp --versionOption 2: Install from Source
git clone https://github.com/Narasimhaponnada/mermaid-mcp.git
cd mermaid-mcp/mermaid-mcp-server
npm install
npm run buildConfigure with GitHub Copilot
Add to your VS Code settings:
{
"github.copilot.mcp.servers": {
"mermaid": {
"command": "mermaid-mcp"
}
}
}Configure with Claude Desktop
Add to Claude Desktop config.json:
{
"mcpServers": {
"mermaid": {
"command": "mermaid-mcp"
}
}
}