MCP Catalogs
首页

mcp-server-chart vs mcp-hub

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

mcp-server-chart
by antvis
mcp-hub
by ravitemer
Stars★ 4,068★ 487
30天用量10,239
综合分8449
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具效率工具AI / LLM 工具
实现语言TypeScriptJavaScript
最近提交本月7 个月前

mcp-server-chart · 概述

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

mcp-hub · 概述

一个集中式MCP服务器管理平台,提供统一端点和动态服务器监控功能。

mcp-server-chart · 使用场景

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

mcp-hub · 使用场景

  • 在单个项目中组织多个MCP服务器,避免配置复杂性
  • 为MCP客户端创建网关,通过一个连接访问各种工具
  • 使用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-hub · 安装

npm install -g mcp-hub

启动Hub服务器:

mcp-hub --port 3000 --config path/to/config.json

Claude Desktop配置:

{
  "mcpServers": {
    "Hub": {
      "url": "http://localhost:37373/mcp"
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。