← Atlas · Topics: data-viz, inspiration, motion
The Pudding
- Site
- pudding.cool
- Type
- gallery
- Verdict
- Useful
- Licence
- Look only licence, not stated
not-statedStories are free to read and the publication is supported through its studio, donations and merchandise. No general reuse licence for the essays or their code is stated; treat them as look-only references. - Agent channels
- none
- Pricing
- free
- Reviewed
What it is
The Pudding is a digital publication whose stories use visual essays to explain cultural and social questions. Its projects combine reporting, bespoke graphics and interaction into long-form experiences. The homepage can be filtered by editorial labels such as favorites, popular, updating, reader input, video and audio; each story is a separate example rather than a reusable component catalog.
When to open it
Open it when you are designing a data-rich story, editorial landing page or interactive explanation and need examples of how visual form can carry an argument. It is especially useful for studying the pacing between copy, charts, illustration and user input across a whole narrative.
Most useful
- The Structure of Stand-Up Comedy: a click-through essay that moves from transcript details to a map of recurring subjects and a larger story structure. Its compact title illustration and stepwise narrative make a clear reference for sequencing an explanation.
- Happy Map: a large collection of reported moments presented as an explorable map, useful for studying how a dataset can feel personal rather than tabular.
- Music DNA: traces motifs across music through connected visual examples and editorial framing.
- Story archive: browse current and older projects to compare distinct treatments; the stories are not a single design system.
Using it with agents
There is no published agent integration. Give an agent a particular essay URL and identify the narrative device or interaction worth studying. The site does not state a general licence for its essays or code, so use the work as visual reference and do not copy its text, graphics or implementation.
Watch out for
- These are editorial stories with bespoke art direction, not general-purpose chart components.
- Some pieces rely on sound, media, long scrolling or staged interactions; check the experience on the target device and account for reduced motion and keyboard access.
- The reported data and illustrations have project-specific sourcing and rights.
Reusable ideas
- Introduce a question, reveal evidence in steps, then return to the larger pattern so a chart has a clear narrative role.
- Use a small interaction to let readers test a claim against their own input or point of view.
- Change the visual form when the story changes scale, from an individual example to a whole dataset.