MCP Catalogs
首页

devcontext vs mcp-server-chart

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

devcontext
by aiurda
mcp-server-chart
by antvis
Stars★ 45★ 4,068
30天用量10,239
综合分4284
官方
分类
开发者工具AI / LLM 工具知识库 / RAG
AI / LLM 工具开发者工具效率工具
实现语言HTMLTypeScript
最近提交12 个月前本月

devcontext · 概述

DevContext 是一个自主的 MCP 服务器,通过模式学习和关系图提供项目为中心的上下文感知。

mcp-server-chart · 概述

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

devcontext · 使用场景

  • 通过 Cursor Rules 集成的自主开发环境
  • 对话过程中的实时代码上下文检索
  • 模式识别和开发流程优化

mcp-server-chart · 使用场景

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

devcontext · 安装

安装

前置条件

  • Node.js 18.0.0 或更高版本
  • 支持 MCP 的 Cursor IDE
  • TursoDB 账户

第一步:设置 TursoDB 数据库

  1. 注册 [Turso](https://turso.tech/) 账户
  2. 安装 Turso CLI(推荐但不强制)
  3. 使用 Turso 身份验证
  4. 创建项目数据库
  5. 获取并保存数据库 URL 和令牌

第二步:在 Cursor 中配置 MCP

在项目目录创建或编辑 .cursor/mcp.json 文件

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"]
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。