返回市场
MCP服务器图表

MCP服务器图表

作者:antvis3204 星标更新:2025-11-24

项目介绍

MCP Server Chart build npm Version smithery badge npm License Trust Score codecov

这是一个基于Model Context Protocol的服务器,用于生成图表并进行数据分析。我们可以通过这个MCP服务器来生成图表和分析数据。

<a href="https://www.star-history.com/#antvis/mcp-server-chart&Date"> <img width="512" src="https://api.star-history.com/svg?repos=antvis/mcp-server-chart&type=Date" /> </a>

这是一个基于TypeScript的MCP服务器,提供了图表生成的能力。它允许您通过MCP工具创建各种类型的图表。您还可以在Dify中使用它。

📋 目录

✨ 功能

目前支持25种以上的图表。

<img width="768" alt="mcp-server-chart 预览" src="https://gips1.baidu.com/it/u=4056377022,1556610773&fm=3081&app=3081&f=JPEG?w=3128&h=1942" />
  1. generate_area_chart: 生成面积图,用于显示连续自变量下的数据趋势,可以观察整体数据趋势。
  2. generate_bar_chart: 生成条形图,用于比较不同类别的值,适合横向比较。
  3. generate_boxplot_chart: 生成箱线图,用于显示数据分布,包括中位数、四分位数和异常值。
  4. generate_column_chart: 生成柱状图,用于比较不同类别的值,适合纵向比较。
  5. generate_district_map - 生成行政区划地图,用于展示行政区域划分和数据分布。
  6. generate_dual_axes_chart: 生成双轴图,用于显示具有不同单位或范围的两个变量之间的关系。
  7. generate_fishbone_diagram: 生成鱼骨图,也称为石川图,用于识别和显示问题的根本原因。
  8. generate_flow_diagram: 生成流程图,用于显示过程的步骤和顺序。
  9. generate_funnel_chart: 生成漏斗图,用于显示不同阶段的数据流失情况。
  10. generate_histogram_chart: 生成直方图,用于通过将数据分成区间并计算每个区间内的数据点数量来显示数据分布。
  11. generate_line_chart: 生成折线图,用于显示随时间或其他连续变量变化的数据趋势。
  12. generate_liquid_chart: 生成液态图,用于显示数据的比例,以水填充球的形式可视化百分比。
  13. generate_mind_map: 生成思维导图,用于显示思维过程和层次信息。
  14. generate_network_graph: 生成网络图,用于显示节点之间的关系和连接。
  15. generate_organization_chart: 生成组织结构图,用于显示组织结构和人员关系。
  16. generate_path_map - 生成路径地图,用于显示POI的路线规划结果。
  17. generate_pie_chart: 生成饼图,用于显示数据比例,将其分为由扇形表示的各个部分,显示每个部分的百分比。
  18. generate_pin_map - 生成针地图,用于显示POI的分布。
  19. generate_radar_chart: 生成雷达图,用于全面显示多维数据,在雷达形式下显示多个维度。
  20. generate_sankey_chart: 生成桑基图,用于显示数据流动和体积,以桑基风格格式表示不同节点间的数据移动。
  21. generate_scatter_chart: 生成散点图,用于显示两个变量之间的关系,将数据点作为坐标系上的散点显示。
  22. generate_treemap_chart: 生成树状图,用于显示层级数据,以矩形形式显示数据,其中矩形的大小代表数据值。
  23. generate_venn_chart: 生成韦恩图,用于显示集合之间的关系,包括交集、并集和差集。
  24. generate_violin_chart: 生成小提琴图,用于显示数据分布,结合箱线图和密度图的特点,提供更详细的数据显示。
  25. generate_word_cloud_chart: 生成词云图,用于显示文本数据中的词频,字体大小表示每个词的频率。

[!NOTE] 上述地理可视化图表生成工具使用高德地图服务,目前仅支持在中国的地图生成。

🤖 使用方法

要在桌面应用程序如Claude、VSCode、Cline、Cherry Studio、Cursor等中使用,请添加以下MCP服务器配置。在Mac系统上:

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

您也可以在阿里云模型库glama.aismithery.ai或其他支持HTTP、SSE协议的平台上使用。

🚰 使用SSE或流传输运行

直接运行

全局安装该包。

npm install -g @antv/mcp-server-chart

使用您喜欢的传输选项运行服务器:

# 对于SSE传输(默认端点:/sse)
mcp-server-chart --transport sse

# 对于流传输,使用自定义端点
mcp-server-chart --transport streamable

然后您可以访问服务器:

  • SSE传输:http://localhost:1122/sse
  • 流传输:http://localhost:1122/mcp

Docker部署

进入docker目录。

cd docker

使用docker-compose部署。

docker compose up -d

然后您可以访问服务器:

  • SSE传输:http://localhost:1123/sse
  • 流传输:http://localhost:1122/mcp

🎮 CLI选项

您还可以在运行MCP服务器时使用以下CLI选项。运行CLI时使用-H查看命令选项。

MCP Server Chart CLI

选项:
  --transport, -t  指定传输协议:"stdio"、"sse" 或 "streamable"(默认:"stdio")
  --host, -h       指定SSE或流传输的主机(默认:localhost)
  --port, -p       指定SSE或流传输的端口(默认:1[END_OF_TEXT]