用途:将给定的文字内容转化为可视化信息图(Infographic),把数据、信息与知识压缩为直观的视觉语言,帮助受众快速理解并记住要点。核心公式为 Information Structure + Visual Expression。
主要能力:使用 AntV Infographic 语法(一种自定义 DSL)描述渲染配置,包含 template(文字信息结构)、data(信息图数据,含 title、desc、label、value、icon 等字段)、theme(palette、font 等样式)三部分。语法首行须为 infographic <template-name>,data/theme 块内用两个空格缩进,键值用「键 空格 值」,数组条目前缀为 -,icon 使用图标关键词。
模板与数据字段:严格顺序/步骤用 sequence-(sequences),时间线用 sequence-timeline-,阶梯用 sequence-stairs-,路线图用 sequence-roadmap-vertical-,金字塔用 sequence-pyramid-simple;观点列举用 list-row-* / list-column-(lists);二元对比用 compare-binary-,SWOT 用 compare-swot,象限用 compare-quadrant-(compares);层级树用 hierarchy-tree-,思维导图用 hierarchy-mindmap-,层级结构用 hierarchy-structure(items 或 root+children);数据图表用 chart-(values);关系展示用 relation-*(nodes+relations)。主数据字段只用一个,避免混用。
使用方式:先理解用户需求并拆解为清晰结构,明确所需数据字段,选择合适模板,用 AntV Infographic 语法描述内容(须尊重用户输入语言,如中文输入则文本用中文),再生成包含指定容器与脚本的完整 HTML 文件,命名为 <title>-infographic.html,并加入导出 SVG 功能。渲染时引入 https://unpkg.com/@antv/infographic@latest/dist/infographic.min.js,容器 width 与 height 均为 100%。
限制:资料未提供具体收费、平台、价格与效果数据;theme 可自定义配色与字体,并支持 rough、pattern、linear-gradient、radial-gradient 等内置风格;模板选择需与数据结构匹配,否则可能无法正确渲染。