💡 站外导读：在数据驱动的时代，企业与开发者常面临信息图制作效率低、生成结果不稳定、样式单一等痛点。传统工具或AI生成方案往往难以兼顾质量、可控性与自动化。阿里AntV团队洞察到这一需求，推出了Infographic框架，旨在为追求可靠性和专业性的开发者提供更优解，推动数据可视化与业务展示的智能化、高效化。

Infographic 是阿里前端 AntV 团队开源的新一代信息图框架。框架基于 G2 可视化引擎和 Ant Design，能快速生成高质量、稳定的信息图。Infographic 内置 197 种格式，支持 AI 自动匹配和流式渲染，提供类似 Mermaid 的语法规范数据。Infographic为追求可靠性和专业性的开发者提供一个更优的选择。

Infographic的主要功能

• 高效生成信息图：通过内置的 197 种信息图模板，用户能快速生成复杂的指标卡片、排行榜和趋势图等，极大地提升信息图的制作效率。

• AI 驱动：支持 AI 自动匹配功能，用户只需输入内容，系统自动生成信息图，包括数据代码定义，进一步简化信息图的创建流程。

• 稳定性和一致性：与 AI 生成图相比，Infographic 采用 100% 代码控制，确保每次渲染结果完全一致，满足系统对稳定性的需求。

• 高质量 SVG 输出：默认渲染为高质量的 SVG 格式，保证信息图的视觉保真度，同时便于后续编辑和修改。

• 强大的主题系统：提供手绘、渐变、图案等多种预设主题，支持深度自定义，满足不同场景下的视觉需求。

• 流式渲染支持：具备高度容错的语法，支持 AI 流式输出和实时渲染，适应动态生成的场景。

• 内置编辑器：提供信息图编辑器，方便用户对 AI 生成的结果进行进一步的修改和优化。

如何使用Infographic

• 安装 Infographic：通过 npm 安装 @antv/infographic 包。

• 初始化实例：在项目中引入 Infographic，指定容器、宽高等基本配置。

• 定义信息图：用其内置语法描述信息图的内容和样式，例如选择模板、定义数据。

• 渲染信息图：调用 render 方法，将定义好的信息图渲染到页面上。

• AI 自动生成：用 Infographic 的 AI 工具，输入内容后自动生成信息图代码，再进行渲染。

• 自定义调整：根据需要修改信息图的样式、布局等，进行深度定制。

• 查看模板：访问 Infographic 官方示例库，选择合适的模板进行使用。

Infographic的项目地址

• 项目官网：https://infographic.antv.vision/
• GitHub仓库：https://github.com/antvis/infographic

Infographic的应用场景

• 数据分析与报告：用于快速生成销售趋势、市场份额等业务数据的可视化报告，帮助管理层直观洞察业务动态。

• 商业智能（BI）工具：嵌入 BI 平台，制作实时数据仪表盘和多维度数据分析图表，提升数据可视化效率。

• 教育与培训：将复杂知识或数据以信息图形式展示，辅助教学和培训，提高知识传递效果。

• 新闻与媒体：在新闻报道和专题中嵌入信息图，帮助读者更直观地理解复杂信息，增强内容吸引力。

• 政府与公共事务：用于政策解读和公共服务数据展示，提升政策透明度和公众理解度。