infographic · 信息图制作

把数据或文字内容转化为可视化信息图,支持静态与动画 GIF 两种模式。
静态模式用 AntV 本地渲染信息图(列表/流程/对比/层级等 50+ 模板,矢量可导出 SVG);动画模式用 matplotlib 逐帧生成 GIF(条形竞赛、数字滚动、进度动画、折线生长四类),直接产出可发社媒的动图。尊重输入语言,中文输入全中文出图。
调用示例:在聊天框中说"把这组销售数据做成条形竞赛动图"。
产品详解
定位
infographic 是本地渲染的信息图工具:输入数据或文字,输出可视化信息图。它做本地渲染,不调远程 API、不产出整页报告。
核心能力
- 静态信息图(模式 A):AntV DSL 本地渲染,50+ 模板(列表/流程/对比/层级/关系图),矢量可导出 SVG。
- 动画 GIF(模式 B):matplotlib 逐帧 → GIF,四类爆款动画:条形竞赛、数字滚动、进度动画、折线生长;自动设置中文字体、自适应调色板控体积。
- 语言尊重:用户用中文输入,所有文本必须中文。
- 参数可控:GIF 支持宽高、帧率、时长、标题等参数;内置自检命令。
工作流程
- 确认输出模式:静态信息图(A)或动画 GIF(B);需求明确时直接选
- 分析输入,提取标题、描述、数据项等信息结构,选择模板/图表类型
- 渲染:模式 A 生成 HTML(
outputs/主题名/infographic.html,浏览器打开可导出 SVG);模式 B 写数据 JSON 后调脚本产出chart.gif - 自检确认
输入与输出
| 输入 | 说明 |
|---|---|
| 文字内容/数据/主题描述 | 结构化数据(CSV/JSON)、自然语言或数字罗列 |
| 输出模式 | 静态信息图 / 动画 GIF |
输出:静态模式 infographic.html;动画模式 chart.gif。均位于 outputs/主题名/。
与相邻 skill 的区别
| skill | 分工 |
|---|---|
| infographic(本) | 本地渲染:静态矢量信息图 + GIF 动画 |
| chart-visualization | 调 AntV 远程 API,产出单张静态图片 URL,最快拿单图 |
| data-report | 输入 CSV/Excel/JSON,产出整页可视化报告(KPI 卡 + 多图 + 洞察 + 表格) |
| mindmap | 思维导图专项 |
适用场景
- 数据报告、调研结论的可视化信息图
- 社媒/朋友圈传播的动画图表 GIF
- 流程图、对比图、层级图的快速制作
- 需要矢量 SVG 源文件的设计交付
使用前准备
- 无需 API key,本地渲染。
- 模式 B 依赖 matplotlib + Pillow;脚本自动设置中文字体与 Agg 后端。
infographic 隶属于 Aiglade Skill 库。在 Aiglade 聊天框中用自然语言描述需求即可调用。