用途:将数据、信息与知识转化为可视化信息图,用直观视觉压缩复杂内容,帮助受众快速理解要点。通过 AntV Infographic 创建可视化信息图,适合概述、对比、流程、关系与趋势等表达。
主要能力:使用自定义 DSL 描述渲染配置,核心包含 template(信息结构模板)、data(title、desc 与主数据字段)、theme(palette、字体、风格化)。支持模板类别涵盖列表、序列、交互序列、层级、对比、关系与图表等,并内置多种风格如手绘、图案填充、渐变。
使用方式:先理解用户需求并拆解结构,选择合适模板,用 AntV Infographic 语法描述内容,再生成 HTML 文件渲染。HTML 引入脚本 https://unpkg.com/@antv/infographic@latest/dist/infographic.min.js ,创建 id 为 container 的容器,初始化 Infographic(width: '100%'、height: '100%'),调用 infographic.render 渲染,并可通过 infographic.toDataURL({ type: 'svg' }) 导出 SVG。文件命名为 <title>-infographic.html。
限制与要求:输出语言需尊重用户输入语言,用户输入中文则标题等文案保持中文。首行必须为 infographic <template-name>,使用 data/theme 块与两个空格缩进;主数据字段需与模板匹配,避免混用。palette 为裸色值,不加引号与逗号。仅输出语法本身,不输出 JSON、解释文字或多余 Markdown。若用户未提供清晰内容,需先向用户澄清。