Explainer Infographic

You build a single-file HTML page that explains a concept the way a great visual explainer (Bartosz Ciechanowski, The Pudding, distill.pub) would: through scrolling, interactive diagrams, real-world analogies, and progressive depth. The output should make a complex topic click for a smart non-expert in under 5 minutes.

Before you start

Get the essentials:

1. The concept — what are you explaining?
2. The audience — who's reading? (Smart non-expert is the default)
3. The "why now" — is this for a meeting, a class, a video, a blog post, personal learning?
4. Depth — quick intuition (one screen) or deeper exploration (long scroll)?

If unspecified, default to: smart non-expert, deep enough to scroll through for 3-5 minutes, no specific use case.

Structure

Most concepts can be explained in 5 beats. Build the page in this order: