SuperAPI AI 工具集

antv-infographic

通用与其它

查看项目

更新于 10-15 19:57

技能介绍

用途:把数据、信息与知识转化为可视化信息图,帮助受众快速理解与记忆要点。信息图等于信息结构加视觉表达。

主要能力:基于 AntV Infographic 的自定义 DSL 描述渲染配置,包含 template(模板,表达文本信息结构)、data(标题、描述、数据项等)、theme(调色板、字体等样式)。支持列表、序列、层级、对比、图表、关系等模板类别,如 list-、sequence-、hierarchy-、compare-、chart-、relation-,并提供大量具体模板(如 compare-swot、chart-wordcloud、hierarchy-mindmap-、sequence-timeline- 等)。

使用方式:先理解需求并拆解为清晰结构,提取标题、描述、数据项等字段,选择合适模板,用 DSL 描述内容(首行必须为 infographic <template-name>,data/theme 块内两空格缩进,键值对用“键 空格 值”,数组用 - 前缀,icon 用图标关键字)。随后生成完整 HTML 文件:包含 utf-8 元信息、标题、引入 https://unpkg.com/@antv/infographic@latest/dist/infographic.min.js、id 为 container 的容器,初始化 Infographic(width 与 height 均为 100%),并支持通过 infographic.toDataURL({ type: 'svg' }) 导出 SVG。文件命名为 <title>-infographic.html,提示用户用浏览器打开并另存为 SVG。

适用场景:流程步骤、时间线、路线图、金字塔、SWOT、象限分析、树状层级、思维导图、词云、数据图表、关系图等。

限制:需遵守用户输入语言;不要输出 JSON、Markdown 或解释性文字;模板与字段需匹配,避免混用;不确定时用 items 兜底;compare-binary-* 等二元模板必须有两个根节点;hierarchy-* 使用单一 root 并通过 children 嵌套。资料未提供收费、价格、平台与效果信息。