蚂蚁的可视化图表 MCP 首发上线!支持超过 25 种的可视化图表生成,也支持生成路书!

简介: 蚂蚁 AntV 团队推出可视化图表 MCP 插件,支持 25+ 种图表类型,涵盖统计图、关系图及地图标注、路径地图等,用户只需输入文本即可生成炫酷图表,大幅简化数据可视化流程,提升数据展示效率。

一.前言


近日,蚂蚁 AntV 团队的可视化图表(mcp-server-chart)MCP 正式首发上线魔搭社区。用户只需简单文本输入,即可生成 25+ 种可视化图表,不仅覆盖折线图、柱状图、饼图等统计图表,还可生成组织架构、思维导图等关系类图表。近期还上线了标注地图、路径地图等,可以直接生成路书了!

魔搭社区MCP链接

AntV 可视化图表插件是基于 AntV 可视化解决方案 封装的可视化图表生成 MCP 插件,支持 25+ 常用可视化图表的生成,通过 MCP 工具创建各种类型的图表,使每个人都能轻松创建炫酷的图表,告别复杂操作,让数据展示变得轻松又简单。


640 - 2025-07-11T180256.040.png


二.AntV 可视化图表 MCP

AntV 可视化图表(mcp-server-chart)MCP 能让数据可视化变得超级简单,目前已经支持超过 25 种常用的可视化图表类型


AntV 工具名称

简要描述

效果图

generate_line_chart

中国近10年大学生毕业数量趋势图

640 - 2025-07-11T180501.353.png

generate_bar_chart

近10年北京和上海人均GDP条形图

640 - 2025-07-11T180749.723.png

generate_dual_axes_chart

使用杭州最近15天平均温度为折线,降雨量为柱形生成双轴图

640 - 2025-07-11T180821.663.png

generate_pie_chart

某产品市场占比图

640 - 2025-07-11T180907.006.png

generate_radar_chart

王者荣耀中李白和王昭君能力雷达图

640 - 2025-07-11T180928.396.png

generate_network_graph

哈利波特中人物关系图

640 - 2025-07-11T180953.750.png

generate_mind_map

10天学习前端知识思维导图

640 - 2025-07-11T181011.186.png

generate_organization_chart

英伟达公司的组织架构图

640 - 2025-07-11T181043.890.png

除了常见的统计图表和关系图之外,AntV 可视化图表(mcp-server-chart)MCP 还支持标注地图和路径地图。

例如:我让大语言模型生成了上海一日游规划:


640 (56).jpg


可以直接让它继续帮我在地图上标注出地图,并把路线图画出来:


640 - 2025-07-11T181337.679.png


路线图结果:


640 - 2025-07-11T181426.390.png


动态交互网页(支付宝扫上面的二维码):


640 - 2025-07-11T181500.079.png


三.整体设计

基于面向 AI 消费的 GPT-Vis 可视化组件库,通过 MCP 服务能力实现一套高效出图的 AI 可视化插件, 在各大 AI 应用开发平台(dify、百宝箱)落地。


640 (57).jpg


AntV 可视化 MCP 主要涉及的内容:

-面向 AI 消费 GPT-Vis

--可视化图表 GPT-Vis 组件库 [1],提供 25+ 可供 AI 消费的图表。

--GPT-Vis 使用 「模型 + 知识库」 可以产出可交互图表,并且在百宝箱(百灵)中使用。

-GPT-Vis SSR 服务端渲染

--基于 GPT-Vis 的设计,以及 G2、G6 的服务器端渲染能力(SSR),我们成功实现了 GPT-Vis SSR,使其能够进行图表的 SSR 渲染出静态图片。

--图片相比前端 UI 组件,有更好的跨端和传输特性。

-出图服务

--利用 GPT-Vis SSR封装成静态图表生成工具,提供静态出图服务,在蚂蚁内部使用 NodeJS 搭建,然后对外可访问。

-AntV MCP Server

--依据 MCP 协议,实现 MCP Server 插件并开源[2]。

--MCP 协议明确规范工具(Tools)的定义,使得模型能够直接识别并解析工具中的参数。

-上架 MCP 市场和 Agent 平台


四.快速上手

在魔搭社区 MCP 实验场直接体验

可视化图表MCP: 点击打开链接,页面右侧点击“试用”,可直接跳转 MCP 实验场。


640 (58).jpg

您可以使用 Cherry Studio、Claude Desktop、Goose 等任意客户端接入可视化 MCP,Cherry Studio 配置界面如下:


640 - 2025-07-11T181944.100.png


也可以复制以下配置文件:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

五.结语

AntV 可视化图表 MCP 的发布,标志着数据可视化迈入了更加简便、智能的新阶段。通过魔搭社区首发上线的 AntV 可视化图表(mcp-server-chart)MCP,用户仅需简单文本输入,即可快速生成 25+ 种可视化图表,涵盖统计图表、关系类图表以及近期上线的标注地图、路径地图等。这不仅让数据展示变得轻松又简单,还极大地降低了数据可视化的门槛,使每个人都能轻松创建炫酷的图表,无需复杂操作。随着 MCP 协议的普及与推广,AntV 可视化图表 MCP 必将在 AI 工具生态中扮演越来越重要的角色,为数据可视化领域带来更多的创新与变革。


Reference

[1] GPT-Vis

[2] mcp-server-chart

相关文章
|
6月前
|
数据可视化 搜索推荐 数据处理
Dify Agent + AntV 实战:从 0 到 1 打造数据可视化解决方案
本文介绍如何结合Dify Agent与AntV,打造高效、灵活的数据可视化解决方案。通过低代码构建数据流程,调用AntV丰富图表工具,实现从数据到多样可视化图表的快速生成,助力开发者兼顾效率与个性化需求。
1182 0
Dify Agent + AntV 实战:从 0 到 1 打造数据可视化解决方案
|
4月前
|
人工智能 数据可视化 测试技术
提升测试效率5倍!Dify驱动的可视化工作流实现自动化测试“开箱即用”
本文介绍如何利用Dify可视化工作流快速构建自动化测试体系,涵盖用例生成、API测试和UI测试等核心场景。通过拖拽式设计降低技术门槛,显著提升测试效率与覆盖率,助力团队实现质量保障的智能化转型。
|
11月前
|
人工智能 API 开发者
FastAPI开发者福音!FastAPI-MCP:将FastAPI秒变MCP服务器的开源神器,无需配置自动转换!
FastAPI-MCP是一款能将FastAPI应用端点自动转换为符合模型上下文协议(MCP)的开源工具,支持零配置自动发现接口并保留完整文档和模式定义。
5499 113
FastAPI开发者福音!FastAPI-MCP:将FastAPI秒变MCP服务器的开源神器,无需配置自动转换!
|
人工智能 Java Serverless
【MCP教程系列】搭建基于 Spring AI 的 SSE 模式 MCP 服务并自定义部署至阿里云百炼
本文详细介绍了如何基于Spring AI搭建支持SSE模式的MCP服务,并成功集成至阿里云百炼大模型平台。通过四个步骤实现从零到Agent的构建,包括项目创建、工具开发、服务测试与部署。文章还提供了具体代码示例和操作截图,帮助读者快速上手。最终,将自定义SSE MCP服务集成到百炼平台,完成智能体应用的创建与测试。适合希望了解SSE实时交互及大模型集成的开发者参考。
14315 60
|
6月前
|
Web App开发 人工智能 自然语言处理
快速搞定Dify+Chrome MCP:打造能操作网页的AI助手
用Dify+Chrome MCP,3分钟打造能“动手”操作网页的AI助手!无需编程,通过自然语言指令实现自动填表、数据抓取、网页点击等自动化任务。本地部署简单,支持搜索、登录、监控等场景,让AI成为你的7×24小时数字员工,高效处理重复性网页工作。
|
10月前
|
人工智能 监控 安全
管理和调度Dify工作流
Dify是一款开源的大模型应用开发平台,支持通过可视化界面快速构建AI Agent和工作流。然而,Dify本身缺乏定时调度与监控报警功能,且执行记录过多可能影响性能。为解决这些问题,可采用Dify Schedule或XXL-JOB集成Dify工作流。Dify Schedule基于GitHub Actions实现定时调度,但仅支持公网部署、调度延时较大且配置复杂。相比之下,XXL-JOB提供秒级调度、内网安全防护、限流控制及企业级报警等优势,更适合大规模、高精度的调度需求。两者对比显示,XXL-JOB在功能性和易用性上更具竞争力。
3002 64
管理和调度Dify工作流
|
10月前
|
人工智能 Java API
MCP客户端调用看这一篇就够了(Java版)
本文详细介绍了MCP(Model Context Protocol)客户端的开发方法,包括在没有MCP时的痛点、MCP的作用以及如何通过Spring-AI框架和原生SDK调用MCP服务。文章首先分析了MCP协议的必要性,接着分别讲解了Spring-AI框架和自研SDK的使用方式,涵盖配置LLM接口、工具注入、动态封装工具等步骤,并提供了代码示例。此外,还记录了开发过程中遇到的问题及解决办法,如版本冲突、服务连接超时等。最后,文章探讨了框架与原生SDK的选择,认为框架适合快速构建应用,而原生SDK更适合平台级开发,强调了两者结合使用的价值。
12940 33
MCP客户端调用看这一篇就够了(Java版)

热门文章

最新文章