Repolode
antvis

antvis/Infographic

一个声明式信息图生成与渲染引擎,通过文本语法输出 SVG 信息图,适合 AI 生成与流式渲染。

可替代:Canva

Star
7,016
Fork
583
未关闭 Issue
27
最近提交
19小时前

这是什么?

AntV Infographic 是 AntV 推出的声明式信息图可视化引擎。信息图通过一种自定义文本语法描述,包括模板、布局和数据项,引擎在浏览器中将其渲染为 SVG。

该语法对不完整输入有较好的容错,因此 AI 模型的输出可以边流式生成边渲染。内置约 200 个模板、数据项组件和布局,并提供手绘、渐变、图案等主题系统,还带有可编辑生成结果的内置编辑器。

项目以 @antv/infographic 形式发布到 npm,并提供面向 Claude Code、Codex 等 AI 编程助手的 skills,可根据描述生成信息图语法或 HTML 文件。

核心功能

  • 01声明式信息图语法,默认输出 SVG
  • 02内置约 200 个模板、数据项组件和布局
  • 03支持手绘、渐变、图案等主题样式
  • 04支持流式渲染,AI 输出时即时更新信息图
  • 05内置编辑器,可对生成的信息图进行修改

适用场景

  • 在 Web 应用中将 AI 生成的文字或步骤列表转为可视化信息图
  • 在文档或 Markdown 工具中嵌入可编辑的信息图
  • 构建能根据提示生成 HTML 或 SVG 信息图的 AI 智能体
  • 为演示文稿和文章制作流程图或列表图

快速上手

  1. 1

    从 npm 安装软件包

    npm install @antv/infographic
  2. 2

    使用容器创建 Infographic 实例,并传入信息图语法调用 render

标签

常见问题

Infographic 是什么?
一个声明式信息图生成与渲染引擎,通过文本语法输出 SVG 信息图,适合 AI 生成与流式渲染。 AntV Infographic 是 AntV 推出的声明式信息图可视化引擎。信息图通过一种自定义文本语法描述,包括模板、布局和数据项,引擎在浏览器中将其渲染为 SVG。
Infographic 可以免费使用吗?用的什么许可证?
Infographic 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
Infographic 还在维护吗?
活跃维护中。Infographic 最近一次提交是在 2026年10月19日。
Infographic 适合用来做什么?
在 Web 应用中将 AI 生成的文字或步骤列表转为可视化信息图 在文档或 Markdown 工具中嵌入可编辑的信息图 构建能根据提示生成 HTML 或 SVG 信息图的 AI 智能体 为演示文稿和文章制作流程图或列表图
Infographic 怎么安装和运行?
从 npm 安装软件包: npm install @antv/infographic 使用容器创建 Infographic 实例,并传入信息图语法调用 render
在哪里获取 Infographic?
源代码和安装说明在 GitHub 上:https://github.com/antvis/Infographic

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目