infographic · Infographic Creation
Turn data or text into visual infographics, in static or animated-GIF mode.
Static mode renders locally with AntV (50+ templates — lists, flows, comparisons, hierarchies — vector output, SVG exportable); animation mode generates GIFs frame-by-frame with matplotlib (bar races, count-ups, progress animations, growing line charts) — ready to post on social. Input language is respected: Chinese input means fully Chinese output.
Example invocation: "Turn this sales data into a bar-race animation."
Full brief
Positioning
infographic is a local-rendering infographic tool: data or text in, visual infographic out. It renders locally — no remote APIs, no full-page reports.
Core capabilities
- Static infographics (mode A): AntV DSL rendered locally, 50+ templates (lists/flows/comparisons/hierarchies/relationship maps), vector with SVG export.
- Animated GIFs (mode B): matplotlib frame-by-frame → GIF, four proven animation types: bar race, count-up, progress animation, growing line chart; auto Chinese fonts, adaptive palettes for small files.
- Language respect: Chinese input means all-Chinese text.
- Tunable: GIF width/height/fps/duration/title parameters; built-in self-test.
Workflow
- Confirm output mode: static infographic (A) or animated GIF (B); pick directly when the need is clear
- Analyze input, extract title/description/data structure, choose template/chart type
- Render: mode A → HTML (
outputs/<topic>/infographic.html, open in browser, SVG-exportable); mode B → data JSON then script →chart.gif - Self-check
Inputs & outputs
| Input | Notes |
|---|---|
| Text / data / topic description | Structured (CSV/JSON), natural language, or plain numbers |
| Output mode | Static infographic / animated GIF |
Output: infographic.html (static) or chart.gif (animated), under outputs/<topic>/.
Boundaries with adjacent skills
| Skill | Lane |
|---|---|
| infographic (this) | Local rendering: static vector infographics + animated GIFs |
| chart-visualization | Remote AntV API; single static image URL, fastest single chart |
| data-report | CSV/Excel/JSON in → full-page visual report (KPI cards + charts + insights + tables) |
| mindmap | Mind-map specialist |
Fit
- Infographics for data reports and research conclusions
- Animated chart GIFs for social and moments sharing
- Quick flowcharts, comparison charts, hierarchy diagrams
- Design handoffs needing vector SVG sources
Before you start
- No API key; local rendering.
- Mode B needs matplotlib + Pillow; the script auto-configures Chinese fonts and the Agg backend.
infographic is part of the Aiglade Skill library. Invoke it from the Aiglade chat box in plain language.