mcp-server-chart vs mcp-diagnostics-extension
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | mcp-diagnostics-extension by newbpydev | |
|---|---|---|
| Stars | ★ 4,068 | ★ 22 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 42 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 开发者工具AI / LLM 工具可观测性 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 7 个月前 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
mcp-diagnostics-extension · 概述
VS Code扩展，通过MCP协议向AI代理实时暴露代码诊断问题。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
mcp-diagnostics-extension · 使用场景
- AI代理可实时访问TypeScript和ESLint错误，提供上下文调试帮助
- 开发团队可以将诊断集成到AI驱动的工作流程中，更快地解决问题
- IDE扩展可以利用MCP在不同开发工具间共享诊断信息
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"]
}
}
}mcp-diagnostics-extension · 安装
安装
从VS Code Marketplace安装
- 打开VS Code
- 转到扩展(Ctrl+Shift+X / Cmd+Shift+X)
- 搜索"MCP Diagnostics Extension"
- 点击安装
- 如果提示，重新加载VS Code
从源代码安装
git clone https://github.com/newbpydev/mcp-diagnostics-extension.git
cd mcp-diagnostics-extension
npm install
npm run compile
code --extensionDevelopmentPath=.Claude Desktop配置
添加到您的Claude Desktop config.json:
{
"mcpServers": {
"vscode-diagnostics": {
"command": "node",
"args": ["scripts/mcp-server.js"],
"cwd": "/path/to/mcp-diagnostics-extension",
"env": {
"NODE_ENV": "production"
}
}
}
}