用途:把数据、信息与知识转化为可视化信息图,帮助受众快速理解与记忆要点。信息图 = 信息结构 + 视觉表达。
主要能力:使用 AntV Infographic 的类 mermaid DSL 描述渲染配置,包含 template(模板)、data(title/desc/items,items 含 label/value/desc/icon/children)、theme(palette、font、stylize 等)。支持图标(Iconify,格式 <collection>/<icon-name>,如 mdi/rocket-launch)与插画(unDraw 文件名,如 coding)。提供大量模板:sequence-(流程/时间线/路线图/阶梯/金字塔)、list-(列表/网格)、compare-(对比、SWOT)、hierarchy-tree-(层级)、chart-(柱状/折线/饼图/词云)、quadrant-(象限)、relation-circle-*(关系)。
使用方式:先理解需求并拆解信息结构,选择合适模板,用 AntV Infographic Syntax 描述内容(须与用户输入语言一致);再生成完整 HTML 文件,引入 https://unpkg.com/@antv/infographic@latest/dist/infographic.min.js,注册资源加载器处理 Iconify 与 unDraw 资源,创建 id 为 container 的容器并以 width/height 100% 初始化渲染,包含 SVG 导出(infographic.toDataURL({ type: 'svg' }))。文件命名为 <title>-infographic.html,提示用户在浏览器中打开查看并保存 SVG。
限制:模板对 icon 与 illus 的支持不同,需参考模板示例;插画体积较大应节制使用;对比模板(compare-*)须构造恰好两个根节点;资源加载失败需做错误处理。具体收费、价格与平台信息暂未提供。