不用写代码,用自然语言描述需求,AI 自动生成专业图表。
公众号留言里有人问:
“产品经理想做个数据图表给开发看,有没有不写代码的工具?”
“大屏需求评审时,怎么快速出个效果给领导看?”
“Excel 做的图太丑,有没有好看又不用开发的方案?”
产品经理做数据可视化,通常有三条路:
找前端排期开发,等一周 用 Excel 手动做,效果一般 用 BI 工具拖拽,学习成本高
现在有了第四条路:AntV 官方的 Chart Visualization Skill。
用自然语言描述你要什么图表,AI 自动选择最合适的图表类型,生成专业图表图片。全程不用写代码。
这篇文章整理了这个 Skill 的能力边界和使用方法,供有同样需求的朋友参考。
这是什么
AntV(蚂蚁集团数据可视化团队)官方封装的 AI Skill,包含 5 个技能模块,覆盖从图表生成到信息图设计的全流程。
安装方式(Claude Code):
1/plugin marketplace add antvis/chart-visualization-skills
或者手动安装:
1npx skills add antvis/chart-visualization-skills
安装后,AI 会自动调用这些能力,不需要你手动配置。
效果预览
AntV Chart Skill 支持的 26+ 种图表类型,涵盖折线图、柱状图、饼图、雷达图、桑基图、思维导图等
技术架构
AntV Chart Skill 技术架构:用户输入自然语言 → AI 解析选择图表类型 → 调用 AntV API 生成图表 → 返回图片
5 个技能模块
1. chart-visualization(核心图表生成)
能力:26+ 种图表类型,智能选择最合适的图表。
支持的图表:
使用示例:
1 2 3 4 5 帮我生成一个销售数据的折线图:
- 横轴:2025 年 1-12 月
- 纵轴:销售额(万元)
- 数据:[120, 150, 180, 220, 260, 300, 280, 320, 350, 380, 420, 480]
- 主题:深色
AI 会自动选择折线图,生成图表图片并返回。
产品经理怎么用:
周报/月报配图 PRD 中的数据展示原型 汇报 PPT 中的图表
2. infographic-creator(信息图设计)
能力:将文本内容转化为视觉化的信息图,50+ 模板。
支持的模板类型:
列表型信息图 流程型信息图 层级型信息图 对比型信息图 关系型信息图
使用示例:
1 2 3 4 帮我做一个产品功能对比的信息图:
- 我们的产品 vs 竞品 A vs 竞品 B
- 对比维度:价格、性能、易用性、服务
- 风格:简洁商务风
产品经理怎么用:
竞品分析可视化 产品功能对比图 用户增长路径图
3. icon-retrieval(图标检索)
能力:根据关键词搜索并返回 SVG 图标。
使用示例:
1帮我找一个"数据分析"相关的图标,用于信息图
返回最多 5 个匹配图标的 SVG 代码,可以直接用在信息图中。
产品经理怎么用:
PRD 原型配图 信息图装饰元素 汇报材料图标
4. narrative-text-visualization(数据叙事)
能力:将非结构化数据转化为结构化的数据叙事报告,使用 T8 语法。
特点:
自动识别数据中的实体(指标、数值、趋势、维度) 生成标准化的数据报告格式 内置迷你图表 支持 HTML/React/Vue 渲染
使用示例:
1 2 3 帮我把这段销售数据转化为数据报告:
本月销售额 480 万元,环比增长 15%,同比增长 32%。
华东区域贡献最大,占比 35%。
产品经理怎么用:
数据分析报告自动生成 运营数据月报 业务复盘材料
5. antv-s2-expert(多维交叉分析表)
能力:帮助开发多维交叉分析表(透视表)。
覆盖范围:
透视表开发 表格交互设计 主题定制 排序、汇总、冻结行列 服务端渲染
产品经理怎么用:
复杂数据表格的需求描述 与前端沟通表格交互细节 数据报表原型设计
实际工作流
场景 1:周报配图
1 2 3 4 5 6 我:帮我生成一个本周用户活跃度的折线图
横轴是周一到周日
数据是 [3200, 2800, 3500, 4100, 3800, 5200, 4800]
用深色主题
AI:[自动生成折线图图片]
场景 2:竞品分析
1 2 3 4 5 6 我:帮我做一个三个产品的功能对比信息图
产品 A:价格低、性能一般、易用性好
产品 B:价格高、性能好、易用性一般
我们的产品:价格中、性能好、易用性好
AI:[自动生成对比信息图]
场景 3:数据报告
1 2 3 4 5 6 我:把这段数据转化为报告
Q3 营收 1200 万,环比增长 20%
新增用户 5 万,留存率 65%
核心业务线贡献 70% 营收
AI:[自动生成结构化数据报告]
与 ECharts 的关系
很多人会问:这个和 ECharts 什么关系?
AntV 和 ECharts 是两个不同的生态:
我的建议:
产品经理快速出图、写 PRD:用 AntV Skill 前端做大屏、复杂交互:用 ECharts 两者不冲突,按场景选
注意事项
地图功能限制:AntV 的地图可视化目前仅支持中国大陆地区,使用的是高德地图服务。如果需要全球地图,建议用 ECharts。
API 服务:图表生成调用的是蚂蚁集团的免费服务,目前不需要 API Key。但如果未来有私有化部署需求,可以自行部署 GPT-Vis-SSR 服务。
输出格式:生成的是图片 URL,不是可编辑的图表代码。如果需要进一步定制,需要前端介入。
总结
AntV 官方这套 Skill 的核心价值:让不会写代码的人也能生成专业图表。
对产品经理来说:
不用等前端排期 不用学 BI 工具 用自然语言描述需求就能出图
对前端来说:
PRD 里的图表更直观 需求沟通更高效 可以参考生成的图表做开发
官方仓库:https://github.com/antvis/chart-visualization-skills
有问题评论区聊。你用数据可视化工具时遇到的最大痛点是什么?
免责声明:本文内容仅为个人学习分享,提及的工具/服务仅限合法合规使用,如有侵权请联系删除。
感谢你的阅读。
