mcp-server-chart vs mermaid-mcp
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | mermaid-mcp by Narasimhaponnada | |
|---|---|---|
| Stars | ★ 4,068 | ★ 42 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 44 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 开发者工具AI / LLM 工具效率工具 |
| 实现语言 | TypeScript | JavaScript |
| 最近提交 | 本月 | 6 个月前 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
mermaid-mcp · 概述
AI 驱动的 Mermaid 图表生成 MCP 服务器，支持 GitHub Copilot、Claude 和自定义 LLM 应用。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
mermaid-mcp · 使用场景
- 为技术文档生成架构图
- 为 CI/CD 流程和 GitHub Actions 创建流程图
- 为用户身份验证工作流构建序列图
mcp-server-chart · 安装
安装
全局安装：
npm install -g @antv/mcp-server-chart对于桌面应用（如 Claude Desktop、VSCode）：
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}Windows 系统：
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}mermaid-mcp · 安装
安装
选项 1：从 NPM 安装（推荐）
npm install -g @narasimhaponnada/mermaid-mcp-server
mermaid-mcp --version选项 2：从源代码安装
git clone https://github.com/Narasimhaponnada/mermaid-mcp.git
cd mermaid-mcp/mermaid-mcp-server
npm install
npm run build配置 GitHub Copilot
添加到 VS Code 设置中：
{
"github.copilot.mcp.servers": {
"mermaid": {
"command": "mermaid-mcp"
}
}
}配置 Claude Desktop
添加到 Claude Desktop config.json 中：
{
"mcpServers": {
"mermaid": {
"command": "mermaid-mcp"
}
}
}