AntV Infographic
Home
Learn
Reference
Gallery
Icon
Editor
AI
Enterprise

AI Infographic

Paste content from writing, reporting, or any text task and AI will understand the context and output an infographic plan.

AI Workspace

Generation History

⌘/Ctrl + ↵

Start creating

No generations yet. Use the examples below or paste your content to get started.

Specify chart types, data sources, and palette/style to get better results
Preview

Skills Integration

These skills help you generate syntax, structures, and templates for infographics.

Create an HTML file that renders an infographic

Generate infographic syntax from descriptions

Generate custom structure designs

Generate custom item designs

Update the template library (for developers)

How to use

Claude Code
set -e VERSION=0.2.4 # Replace with the latest tag, e.g. 0.2.4 BASE_URL=https://github.com/antvis/Infographic/releases/download mkdir -p .claude/skills curl -L --fail -o skills.zip "$BASE_URL/$VERSION/skills.zip" unzip -q -o skills.zip -d .claude/skills rm -f skills.zip
Codex
# Replace <SKILL> with the skill name, e.g. infographic-creator # https://github.com/antvis/Infographic/tree/main/.skills/<SKILL> $skill-installer install https://github.com/antvis/Infographic/tree/main/.skills/infographic-creator

AntV Infographic
Copyright © Ant Group Co.
Docs
Quick Start
Core Concepts
Custom Design
Infographic Theory
API Reference
JSX
API
Design Assets
More
More Examples
AI Generated Infographics
GitHub
Contribute
Friendly Links
AntV
G2
G6
L7
Claude Code
set -e

VERSION=0.2.4 # Replace with the latest tag, e.g. 0.2.4
BASE_URL=https://github.com/antvis/Infographic/releases/download
mkdir -p .claude/skills

curl -L --fail -o skills.zip "$BASE_URL/$VERSION/skills.zip"
unzip -q -o skills.zip -d .claude/skills
rm -f skills.zip
Codex
# Replace <SKILL> with the skill name, e.g. infographic-creator
# https://github.com/antvis/Infographic/tree/main/.skills/<SKILL>
$skill-installer install https://github.com/antvis/Infographic/tree/main/.skills/infographic-creator