Turns plain written content into a polished infographic, so you can skip laying out charts and text by hand. Ships skills that generate infographic syntax from your notes and reports, and render it with templates and themes.
Claude Code
> /plugin marketplace add antvis/infographic> /plugin install antv-infographic-skills@antv-infographic
Codex
$ npx skills add antvis/infographic -a codex
Cursor
$ npx skills add antvis/infographic -a cursor
Gemini CLI
$ npx skills add antvis/infographic -a gemini-cli
GitHub Copilot
$ copilot plugin marketplace add antvis/infographic$ copilot plugin install antv-infographic-skills@antv-infographic
OpenCode
$ npx skills add antvis/infographic -a opencode
Windsurf
$ npx skills add antvis/infographic -a windsurf
简体中文 | English
🦋 An Infographic Generation and Rendering Framework, bring words to life!
AntV Infographic is AntV's next-generation declarative infographic visualization engine. With a carefully designed infographic syntax, it can quickly and flexibly render high-quality infographics, making information presentation more efficient and data storytelling simpler.
npm install @antv/infographic
import { Infographic } from '@antv/infographic';
const infographic = new Infographic({
container: '#container',
width: '100%',
height: '100%',
editable: true,
});
infographic.render(`
infographic list-row-simple-horizontal-arrow
data
lists
- label Step 1
desc Start
- label Step 2
desc In Progress
- label Step 3
desc Complete
`);
The rendered result looks like this:
With a highly fault-tolerant infographic syntax you can stream AI output in real time and progressively render the infographic.
let buffer = '';
for (const chunk of chunks) {
buffer += chunk;
infographic.render(buffer);
}
AntV Infographic provides skills to integrate with AI agents:
Claude marketplace is now available. You can install from marketplace, or keep using manual install.
/plugin marketplace add https://github.com/antvis/Infographic.git
/plugin install antv-infographic-skills@antv-infographic
Manual install:
set -e
VERSION=0.2.4 # Replace with the latest tag, e.g. 0.2.14
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
Enter 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
Community projects and products powered by AntV Infographic:
💡 Have a project using AntV Infographic? Share it in Issue #99!
If you have any suggestions, feel free to communicate with us on GitHub! Star ⭐ us to show your support.
This project is open source under the MIT license. See LICENSE for details.
Stars on GitHub
View @antvis’s profileTurning data into a visual language for better thinking. AntV, initiated by Ant Group and open-sourced starting in 2017, reimagines data visualization by embedding the theory of graphical grammar into the JavaScript language.
@antvisA skill guide for AntV L7, a WebGL geospatial visualization library. It helps Claude Code users build interactive maps and visualize geographic data as points, lines, polygons and heatmaps.
@antvisSee 12 antv-infographic-skills alternatives
Gives Claude Code access to the prompts.chat library, letting you search, retrieve and improve AI prompt templates, and find and install Agent Skills from its registry.
@gh-fA Claude Code skill for generating editable PPTX presentations and slides from a workflow, with reusable brand, style, layout, and deck workspaces, native charts, speaker notes, and template filling.
@hugohe3Gives AI agents control over Word, Excel and PowerPoint files, with skills for building .docx reports, academic papers, Excel dashboards and Morph-style animated slides.
@iofficeaiA skill that builds animation-rich HTML presentations from scratch or converts PowerPoint files to web slides. Useful for anyone turning a deck into a web presentation.
@zarazhangruiInstall it with the command on its page. It includes infographic-creator, infographic-item-creator, infographic-structure-creator. Its skills do not fire on their own yet. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it