# AntV Infographic

> Declarative infographic generation and rendering engine from AntV that turns a concise text syntax into SVG infographics, with AI streaming support and a built-in editor.

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.

## Features
- Declarative infographic syntax
- About 200 built-in templates, item components, and layouts
- AI streaming output with progressive rendering
- Theme system with hand-drawn, gradient, and pattern styles
- Built-in infographic editor
- High-quality SVG output
- Agent skills for Claude Code and Codex
- Gallery, icon library, and online editor

## Integrations
Claude Code, Codex, React, Markdown-it, Obsidian, Slidev, Docsify, VS Code, Plotly Dash

## Platforms
IOS, WEB, API, VSC_EXTENSION, DEVELOPER_SDK, CLI

## Pricing
Open Source

## Version
0.2.20

## Links
- Website: https://infographic.antv.vision
- Documentation: https://infographic.antv.vision/learn
- Repository: https://github.com/antvis/Infographic
- EveryDev.ai: https://www.everydev.ai/tools/antv-infographic