MCP Catalogs
首页

quick-mcp-example vs mcp-server-chart

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

quick-mcp-example
by ALucek
mcp-server-chart
by antvis
Stars★ 60★ 4,068
30天用量10,239
综合分3784
官方
分类
AI / LLM 工具开发者工具其它
AI / LLM 工具开发者工具效率工具
实现语言PythonTypeScript
最近提交15 个月前本月

quick-mcp-example · 概述

简洁的 MCP 服务器示例,展示 Python 实现的工具、资源和提示功能。

mcp-server-chart · 概述

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

quick-mcp-example · 使用场景

  • 学习 MCP 协议实现的教育示例
  • 构建具有特定工具的自定义 MCP 服务器的起点
  • 展示通过 MCP 工具集成向量数据库

mcp-server-chart · 使用场景

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

quick-mcp-example · 安装

安装

  1. 克隆仓库
git clone https://github.com/ALucek/quick-mcp-example.git
cd quick-mcp-example
  1. 创建虚拟环境并安装依赖
# 使用 uv(推荐)
uv venv
source .venv/bin/activate  # 在 macOS/Linux 上
# 或
.venv\Scripts\activate     # 在 Windows 上

uv sync
  1. 通过 MCP_setup.ipynb 中的说明设置 ChromaDB 数据库
  1. 运行客户端和服务器
python client.py mcp_server.py

Claude Desktop 配置

添加到 Claude Desktop config.json:

{
  "mcpServers": {
    "quick-mcp-example": {
      "command": "python",
      "args": ["/path/to/quick-mcp-example/mcp_server.py"]
    }
  }
}

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 公开数据自动生成,定期更新。