infographic-item-creator
đ¯Skillfrom antvis/infographic
|Generates individual infographic elements or components by transforming input data into visually structured, semantically meaningful graphical representations for infographic design.
Installation
npx skills add https://github.com/antvis/infographic --skill infographic-item-creatorSkill Details
Overview
[įŽäŊä¸æ](./README.zh-CN.md) | English
# Infographic, bring words to life! đĻ An Infographic Generation and Rendering Framework, bring words to life! [](https://www.npmjs.com/package/@antv/infographic) [](https://github.com/antvis/infographic/actions)  [](./LICENSE)
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.
⨠Features
- đ¤ AI-friendly: Configuration and syntax are tuned for AI generation, provide concise prompts, and support AI streaming output and rendering
- đĻ Ready to use: ~200 built-in infographic templates, data-item components, and layouts to build professional infographics in minutes
- đ¨ Theme system: Hand-drawn, gradients, patterns, multiple preset themes, plus deep customization
- đ§đģâđģ Built-in editor: Includes an editor for infographics so AI-generated results can be edited further
- đ High-quality SVG output: Renders with SVG by default to ensure visual fidelity and easy editing
đ Installation
```bash
npm install @antv/infographic
```
đ Quick Start
[](https://infographic.antv.vision/learn/getting-started)
[](https://infographic.antv.vision/learn/infographic-syntax)
[](https://infographic.antv.vision/reference/infographic-options)
```ts
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
More from this repository4
Generates and validates custom syntax for creating declarative infographic specifications, enabling users to easily define complex visual representations of data and information.
Generates infographics by transforming textual or data input into visually compelling, declarative graphical representations using AntV's infographic visualization engine.
Generates structured, semantically organized infographic layouts by analyzing input text and recommending optimal visual composition and information hierarchy.
Updates and maintains infographic templates automatically, ensuring consistency and synchronization across different template versions in the Infographic framework.