在当今数字化时代，数据可视化已成为理解和分析数据的关键工具。随着人工智能和大数据技术的飞速发展，对于能够快速、高效生成可视化图表的工具的需求日益增长。蚂蚁AntV团队推出的MCP Server Chart开源项目，正是为满足这一需求而生。它基于Model Context Protocol（MCP）协议，提供了一种简单易用、功能强大的可视化图表生成解决方案，极大地降低了数据可视化的门槛，为开发者和数据分析师带来了极大的便利。
一、项目概述
MCP Server Chart 是蚂蚁AntV团队推出的一款开源的可视化图表生成工具。它基于Model Context Protocol（MCP）协议，支持超过25种可视化图表，涵盖了常见的统计图表（如折线图、柱状图、饼图等）、关系类图表（如组织架构图、思维导图、网络图等）以及标注地图和路径地图。用户只需通过简单的文本输入，即可快速生成所需的图表，无需进行复杂的操作和配置。该工具不仅支持多种客户端接入，如Cherry Studio、Claude Desktop、VSCode等，还提供了SSE和Streamable传输协议，方便集成到不同的平台，同时支持公有服务和私有部署，满足不同用户的需求。
二、技术原理
（一）基于MCP协议
MCP Server Chart遵循Model Context Protocol（MCP）协议，该协议明确了工具（Tools）的定义，使得模型能够直接识别和解析工具中的参数，从而实现高效的数据交互和图表生成。这种基于协议的设计，不仅提高了数据传输的效率，还增强了系统的可扩展性和兼容性。
（二）GPT-Vis可视化组件库
该工具基于面向AI消费的GPT-Vis可视化组件库，提供了25+可供AI消费的图表。GPT-Vis组件库结合了AntV的可视化解决方案，能够快速生成各种类型的图表。这种组件化的架构，使得开发者可以根据需要灵活选择和组合不同的图表组件，以满足多样化的可视化需求。
（三）服务器端渲染（SSR）
MCP Server Chart基于GPT-Vis的设计及G2、G6的服务器端渲染能力（SSR），实现了图表的SSR渲染出静态图片。相比前端UI组件，静态图片具有更好的跨端和传输特性，更适合在不同的设备和平台上展示。服务器端渲染不仅提高了图表的渲染效率，还减少了客户端的计算负担，提升了用户体验。
（四）静态图表生成工具
将GPT-Vis SSR封装成静态图表生成工具，提供了静态出图服务。在蚂蚁内部使用NodeJS搭建，对外提供可访问的服务。用户可以通过简单的配置和调用，生成所需的图表。这种静态图表生成方式，不仅提高了图表的生成效率，还方便了图表的管理和存储。
（五）多种传输协议支持
MCP Server Chart支持多种传输协议（如stdio、SSE、streamable），用户可以根据不同的使用场景选择合适的传输方式。这种多样化的传输协议支持，提高了系统的灵活性和可扩展性，使得该工具能够更好地适应不同的应用场景和开发环境。
三、主要功能
（一）丰富的图表类型
MCP Server Chart支持超过25种可视化图表，包括常见的统计图表（如折线图、柱状图、饼图等）、关系类图表（如组织架构图、思维导图、网络图等）以及标注地图和路径地图。这些丰富的图表类型，能够满足用户在不同场景下的可视化需求，无论是数据分析、项目管理还是地理信息系统（GIS），都能轻松应对。
（二）简单易用
用户只需通过简单的文本输入，即可快速生成所需的图表，无需进行复杂的操作和配置。这种简单易用的设计，极大地降低了数据可视化的门槛，使得即使是没有专业可视化知识的用户，也能够轻松上手，快速生成高质量的可视化图表。
（三）多种客户端接入
MCP Server Chart支持多种客户端接入，如Cherry Studio、Claude Desktop、VSCode等。这种多样化的客户端接入方式，方便用户在不同的开发环境中使用该工具，提高了工具的可用性和灵活性。
（四）灵活的部署方式
MCP Server Chart不仅提供公有服务，还支持私有部署。用户可以通过设置VIS_REQUEST_SERVER环境变量，自定义图表生成服务，满足不同用户的需求。这种灵活的部署方式，使得该工具能够更好地适应不同的应用场景和用户需求。
（五）生成记录查看
MCP Server Chart提供了生成记录查看服务，用户可以通过支付宝小程序生成个人服务标识符，并查看生成的图表记录。这种生成记录查看功能，方便用户管理和追溯图表生成的历史记录，提高了工具的实用性和用户体验。
四、应用场景
（一）数据分析与报告
在企业数据分析中，MCP Server Chart可以快速生成销售趋势、市场份额等统计图表，帮助管理层快速了解业务状况，做出明智的决策。无论是月度销售报告还是季度业绩分析，该工具都能提供直观、清晰的可视化图表，助力数据分析和决策支持。
（二）教育与培训
在教育领域，MCP Server Chart可以辅助教学，生成历史事件时间线、科学实验数据图表等，帮助学生更好地理解和掌握知识。通过直观的图表展示，学生能够更清晰地看到知识之间的联系和变化，提高学习效果和兴趣。
（三）项目管理
在项目管理中，MCP Server Chart可以生成项目进度图、任务分配图等，帮助项目团队更好地了解项目进度，协调工作。通过可视化图表，项目管理人员可以直观地看到各个任务的完成情况和进度偏差，及时调整项目计划，确保项目按时完成。
（四）地理信息系统（GIS）
在地理信息系统（GIS）领域，MCP Server Chart可以生成标注地图、路径地图等，用于城市地标展示、旅游路线规划等。通过地图可视化，用户可以直观地看到地理信息的分布和关系，提高地理信息的展示效果和用户体验。
（五）个人与创意
对于个人用户，MCP Server Chart可以用于生成个性化图表，如阅读记录、健身进度图等。通过简单的文本输入，用户可以快速生成个性化的图表，展示自己的生活数据和创意想法，丰富个人博客和网站的内容。
五、快速使用
（一）安装与配置
1. 安装依赖
在使用MCP Server Chart之前，需要先安装相关的依赖。可以通过以下命令安装：
npm install -g @antv/mcp-server-chart2. 配置客户端
根据不同的客户端，需要进行相应的配置。例如，在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"]}}}
（二）运行服务
1. 使用SSE或Streamable传输
可以通过以下命令启动服务，并选择合适的传输协议：
# For SSE transport (default endpoint: /sse)mcp-server-chart --transport sse# For Streamable transport with custom endpointmcp-server-chart --transport streamable
服务启动后，可以通过以下地址访问：
– SSE传输：`http://localhost:1122/sse`
– Streamable传输：`http://localhost:1122/mcp`
2. 使用CLI选项
在运行MCP Server Chart时，还可以使用以下CLI选项：
MCP Server Chart CLIOptions:--transport, -t Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")--port, -p Specify the port for SSE or streamable transport (default: 1122)--endpoint, -e Specify the endpoint for the transport:- For SSE: default is "/sse"- For streamable: default is "/mcp"--help, -h Show this help message
（三）生成图表
通过简单的文本输入，即可生成所需的图表。例如，生成一个折线图：
{"type": "line","data": [{"time": "2025-05","value": "512"},{"time": "2025-06","value": "1024"}]}
将上述数据发送到服务端，即可生成对应的折线图。
（四）查看生成记录
通过支付宝小程序生成个人服务标识符，并配置到MCP Server Chart中。配置完成后，生成的图表记录将保存在小程序中，用户可以随时查看和管理生成的图表记录。
六、结语
MCP Server Chart作为蚂蚁AntV团队推出的一款开源的可视化图表生成工具，以其丰富的图表类型、简单易用的操作方式、灵活的部署方式以及强大的功能，为开发者和数据分析师提供了一个高效、便捷的数据可视化解决方案。
GitHub仓库：https://github.com/antvis/mcp-server-chart
（文：小兵的AI视界）