infographiclisted

# Infographic Turn one data file into a static infographic: a single PNG (plus its HTML source) that tells the data's story with a hero stat, a numbered reading path, pictograms, annotations, and a takeaway — composed as HTML/SVG and rendered with headless Chromium. No image-generation APIs, no keys, fully offline, every number deterministic. **An infographic is not a poster.** A styled dashboard exported as an image fails this skill's bar. Read `references/infographic-anatomy.md` before composing anything — it defines the difference, the required components, the budgets, and the verification checklist. The other three references cover backbones (`layout-archetypes.md`), the six layout templates (`infographic-templates.md`), and the level-keyed style packs (`infographic-design-bank.md`). ## Content voice — ELI5, always The `[MODE: ELI5_FOR_DUMMIES]` mandate from the html-report skill applies here at EVERY level: everyday words, simple comparisons, short sentences, zero fluff, for every word the canvas says. Levels change density and diction — an eli5 canvas says "1 in 4 boxes came back", a pro canvas says "return rate 25.4%" — but never honesty or clarity. Column names and data values are the user's data; never rewrite those. ## Complexity levels (chosen FIRST) | Level | Default when | Sections | Register | |-------|-------------|----------|----------| | `eli5` | audience is beginners/kids ("for my kid", "explain simply") | 3–4 | chunky, pictogram-first, one idea per ca