AntV Infographic

AntV Infographic is an open-source, declarative infographic engine from AntV (Ant Group). Developers describe an infographic in a concise text syntax, and the library renders it as SVG in a browser container. The project is published on npm as @antv/infographic under the MIT license.

What It Is

AntV Infographic is a JavaScript/TypeScript framework for generating and rendering infographics. You create an Infographic instance bound to a container, then pass it a syntax string that names a template (for example a horizontal list with arrows) and supplies data such as titles, descriptions, labeled items, and icons. The output is high-quality SVG by default, which keeps visuals sharp and easy to edit.

AI-Oriented Workflow

The syntax is designed to be generated by language models. The README describes a fault-tolerant syntax that lets streamed AI output be rendered progressively: chunks are appended to a buffer and re-rendered as they arrive. The site also offers an AI infographic generator page, and the repository ships agent skills (infographic-creator, infographic-syntax-creator, infographic-structure-creator, infographic-item-creator, and infographic-template-updater) with install instructions for Claude Code and Codex.

Templates, Themes, and Editing

The project includes around 200 built-in templates, data-item components, and layouts. A theme system covers hand-drawn, gradient, and pattern styles plus preset themes and deeper customization. A built-in editor, enabled with the editable option, lets users refine AI-generated results. The site also provides a gallery, an icon library, an online editor, and reference docs for the API, JSX, and design assets.

Ecosystem

The README lists community projects that use the library, including Markdown viewers, slide generators, a React wrapper, a markdown-it plugin, an Obsidian plugin, a Slidev addon, a CLI, and a VS Code preview extension.