epic-infographicslisted

# Epic Infographics You are going to produce an infographic **image** (PNG) by writing a single self-contained HTML file and rendering it with the bundled script. The three things that separate a great result from a mediocre one: 1. **Varied data representations** — not everything is a bar chart. 2. **Executing one design language exactly** — its tokens are law. 3. **The check–render–review loop** — the mechanical preflight must pass, and you MUST look at your own PNG and fix it before delivering. Never deliver a render you haven't looked at. ## Workflow ### 1. Understand the brief An infographic made for "everyone" lands with no one. Before touching any data, pin down three things: - **Audience** — who is this for, and how much do they already know? (executives skimming, practitioners fluent in the jargon, general public) - **Goal** — what should the graphic *do*: inform, persuade, impress, or drive one action? The goal decides what kind of fact can be the hero. - **Context** — where will it live (feed, slide deck, print, link preview)? This feeds the canvas choice in step 5 and sets how loud the design can be. - **Still or animated** — offer an animated MP4/GIF version alongside the still (step 12). Motion earns its keep where the graphic will autoplay (social feeds, stories, slides, landing pages); for print or a link preview the still alone is the right answer, so say so in the offer. If the request already answers these, restate them in one line a