mcp-server-chart vs excalidraw-mcp

并排对比，帮你在这两个 MCP server 之间做选择。

	mcp-server-chart by antvis	excalidraw-mcp by cmd8
Stars	★ 4,068	★ 4
30天用量	10,239	—
综合分	84	38
官方	—	—
分类	AI / LLM 工具开发者工具效率工具	效率工具开发者工具AI / LLM 工具
实现语言	TypeScript	TypeScript
最近提交	本月	6 个月前

mcp-server-chart · 概述

使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。

excalidraw-mcp · 概述

用于创建和编程编辑 Excalidraw 图表的 MCP 服务器，提供节点和边操作工具。

mcp-server-chart · 使用场景

数据分析师从数据集中创建可视化报告
AI 助手根据用户请求生成自定义图表
Web 应用通过 HTTP API 嵌入可视化功能

excalidraw-mcp · 使用场景

基于系统架构文档自动生成和更新 Excalidraw 图表
通过让 AI 代理以编程方式修改元素来实现图表协作
在 AI 助手中直接创建代码结构或系统设计的可视化图表

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"]
    }
  }
}

excalidraw-mcp · 安装

安装

Claude Desktop

将以下内容添加到 claude_desktop_config.json：

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
    }
  }
}

其他客户端

**Cursor**: 添加到 ~/.cursor/mcp.json
**Claude Code**: claude mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw
**VS Code**: 添加到 VS Code MCP 设置，类型为 "stdio"
**Amp**: amp mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidraw
**Windsurf**: 添加到 MCP 配置

需要 Node.js >= v18.0.0

对比内容由 README + GitHub 公开数据自动生成，定期更新。