让大模型“张嘴就能出图”!蚂蚁 AntV 可视化图表 MCP-Server-Chart
蚂蚁AntV团队开源MCP-Server-Chart,将25+图表、思维导图、地图路书等可视化功能封装为标准Tool,让大模型通过简单调用即可生成高质量图表。该方案解决了数据可视化在AI应用中的集成难题,支持Node端直接渲染4K图片,并开源了完整的JSON-Schema和样式配置。用户只需一行命令即可部署,通过自然语言指令即可生成各类图表,支持SVG和PNG双格式输出。该项目已在GitHub获得
一句话生成 25+ 图表、思维导图、地图路书,还能直接塞进 PPT——看完你就知道,为什么所有 AI 应用都在等这个 MCP。

1. 先放实现效果
Prompt:
分析影响项目延期的主要原因。
3 秒后:
—— 图是 AI 直接返回的,我没打开任何可视化软件。
这就是 MCP-Server-Chart 的杀伤力:把“画图”变成一次 LLM 工具调用。 >> 一键体验
2. 为什么“可视化”成了 AI 应用的最后一公里?
| 痛点 | 现场吐槽 |
|---|---|
| 数据孤岛 | 模型只会“说”,不会“画”,再香的分析也只能甩一堆 JSON。 |
| 集成噩梦 | 每接一个图表库,就要写一份 OpenAPI + 鉴权 + 格式转换,代码量≈一个小项目。 |
| 体验断层 | 前端同学连夜加班,把 ECharts 配置调完,产品经理一句“还是 Excel 默认主题好看”直接破防。 |
MCP(Model Context Protocol)的出现,就是要把“集成”降维成“一句话”。
而 MCP-Server-Chart 是蚂蚁 AntV 团队交出的“官方参考答案”——25+ 图表、思维导图、组织架构、地图路书,全部封装成标准 Tool,任何 LLM 都能“零成本”调用。
2. 一张图看懂 MCP-Server-Chart 架构

关键词:
- “模型看得懂”:每个图表都有官方写好的 JSON-Schema,LLM 自动填充参数,0 幻觉。
- “服务器出图”:不再依赖前端运行时,Node 端直接渲染 4K 图片,PPT 党狂喜。
- “全开源”:GitHub 已收获 3k+ Star,25+ 图表,支持手绘主题、样式配置等。
3. 实战:5 分钟把“画图能力”装进你的 Agent
① 安装(客户端支持:Cherry Studio / Claude / Cline / Cursor)
" mcpServers": {
"antv-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
一行命令,无需 Docker,无需 GPU,本地秒级启动。
② 对话即出图
| 场景 | Prompt 示例 |
|---|---|
| 日报 | “把本周工单量画成堆叠面积图,标题红色,导出 1600×900 PNG。” |
| 脑图 | “生成 10 天入门 Rust 思维导图,节点用彩虹色。” |
| 地图 | “上海一日游路线:豫园→外滩→陆家嘴,帮我画路书并标注地铁口。” |
③ 直接拿到双格式
- svg:可交互,嵌网页。
- png:高清 300 dpi,直接贴 Confluence、飞书、Word。
4. 结语:当 AI 拥有“眼睛”,数据才真正活起来
MCP-Server-Chart 不是简单地把 AntV 再包一层,而是把“可视化”这一高门槛技能,压缩成一次函数调用。
从此,LLM 不再只是“文本大脑”,而是“眼手并用”的完整智能体。
GitHub 地址(冲 Star!):
https://github.com/antvis/mcp-server-chart
https://github.com/antvis/GPT-Vis
在线体验(免安装):
https://modelscope.cn/mcp/servers/@antvis/mcp-server-chart
评论区说说:你最想让 AI 帮你画什么图?
参考
GPT-VIS:让模型栩栩如生
在 Dify 上搭建 Agent,加强数据可视化效果
做一个 AntV 的 MCP 插件:mcp-server-chart
更多推荐


所有评论(0)