# 阿里AntV开源Infographic框架：AI驱动、197种模板，一键生成高质量信息图

- Link: https://paooo.com/aigc-news/12527/
- Published: 2026-06-14T14:12:22+08:00
- Author: 站外新闻

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

## Infographic是什么

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

阅读目录

 * [Infographic是什么](https://paooo.com/aigc-news/12527/#infographic%e6%98%af%e4%bb%80%e4%b9%88)
 * [Infographic的主要功能](https://paooo.com/aigc-news/12527/#infographic%e7%9a%84%e4%b8%bb%e8%a6%81%e5%8a%9f%e8%83%bd)
 * [如何使用Infographic](https://paooo.com/aigc-news/12527/#%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8infographic)
 * [Infographic的项目地址](https://paooo.com/aigc-news/12527/#infographic%e7%9a%84%e9%a1%b9%e7%9b%ae%e5%9c%b0%e5%9d%80)
 * [Infographic的应用场景](https://paooo.com/aigc-news/12527/#infographic%e7%9a%84%e5%ba%94%e7%94%a8%e5%9c%ba%e6%99%af)
       * [📝 站长洞察 (Editor’s Insight)](https://paooo.com/aigc-news/12527/#%f0%9f%93%9d-%e7%ab%99%e9%95%bf%e6%b4%9e%e5%af%9f-editor8217s-insight)

![Infographic](https://paooo.com/wp-content/uploads/2026/05/Infographic-website-
1.avif)

## Infographic的主要功能

 * **高效生成信息图**：通过内置的 197 种信息图模板，用户能快速生成复杂的指标卡片、
   排行榜和趋势图等，极大地提升信息图的制作效率。
 * **AI 驱动**：支持 AI 自动匹配功能，用户只需输入内容，系统自动生成信息图，包括
   数据代码定义，进一步简化信息图的创建流程。
 * **稳定性和一致性**：与 AI 生成图相比，Infographic 采用 100% 代码控制，确保每次
   渲染结果完全一致，满足系统对稳定性的需求。
 * **高质量 SVG 输出**：默认渲染为高质量的 SVG 格式，保证信息图的视觉保真度，同时
   便于后续编辑和修改。
 * **强大的主题系统**：提供手绘、渐变、图案等多种预设主题，支持深度自定义，满足不同
   场景下的视觉需求。
 * **流式渲染支持**：具备高度容错的语法，支持 AI 流式输出和实时渲染，适应动态生成
   的场景。
 * **内置编辑器**：提供信息图编辑器，方便用户对 AI 生成的结果进行进一步的修改和优
   化。

## 如何使用Infographic

 * **安装 Infographic**：通过 npm 安装 `@antv/infographic` 包。
 * **初始化实例**：在项目中引入 Infographic，指定容器、宽高等基本配置。
 * **定义信息图**：用其内置语法描述信息图的内容和样式，例如选择模板、定义数据。
 * **渲染信息图**：调用 `render` 方法，将定义好的信息图渲染到页面上。
 * **AI 自动生成**：用 Infographic 的 [AI 工具](https://ai.paooo.com/)，输入内容
   后自动生成信息图代码，再进行渲染。
 * **自定义调整**：根据需要修改信息图的样式、布局等，进行深度定制。
 * **查看模板**：访问 Infographic 官方示例库，选择合适的模板进行使用。

## Infographic的项目地址

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

## Infographic的应用场景

 * **数据分析与报告**：用于快速生成销售趋势、市场份额等业务数据的可视化报告，帮助
   管理层直观洞察业务动态。
 * **商业智能（BI）工具**：嵌入 BI 平台，制作实时数据仪表盘和多维度数据分析图表，
   提升数据可视化效率。
 * **教育与培训**：将复杂知识或数据以信息图形式展示，辅助教学和培训，提高知识传递
   效果。
 * **新闻与媒体**：在新闻报道和专题中嵌入信息图，帮助读者更直观地理解复杂信息，增强
   内容吸引力。
 * **政府与公共事务**：用于政策解读和公共服务数据展示，提升政策透明度和公众理解度。

#### 📝 站长洞察 (Editor’s Insight)

Infographic的发布，标志着信息图生成从工具化向平台化、智能化迈进了一大步。它不仅仅是
一个模板库，更是一个将设计规范（如Ant Design）、可视化引擎（G2）与AI能力深度集成
的系统级方案。在[AIGC](https://paooo.com/aigc-news/)浪潮下，它巧妙解决了‘AI随机性’
与‘工程稳定性’的核心矛盾——通过100%代码控制确保一致性，同时开放AI匹配接口提升便捷
性。这代表了未来企业级可视化工具的一个关键趋势：在拥抱AI效率的同时，坚守工程可靠性
的底线。其197种内置模板和强大主题系统，也为快速覆盖垂直场景（如金融、教育、政务）
提供了坚实基础，有望成为国内开源可视化生态中的重要一环。

**🚀 Prompt 语宙 AI 创作者生态：**探索 2,000+ 全球实用 AI 工具与高精度生图提示词
咒语库

[🧭 语宙 AI 导航 (ai.paooo.com)](https://ai.paooo.com/)[🎨 AI 生图 Prompt 库](https://paooo.com/ai-image-prompts/)
[⚡ AIGC 早报生成器](https://paooo.com/mtool/)