A scroll-driven waterfall chart with a built-in data editor. Follow four fictional audience groups from regular participants to people not yet reached.
Fictional example · not a measured population
| Group | Value |
|---|---|
| Regular participants | 420 people |
| Occasional participants | 1,680 people |
| Reached, not participating | 7,900 people |
| Not yet reached | 40,000 people |
Entirely invented figures for demonstrating the storytelling template. These are not results from a real program, organization, or community.
The four example groups are mutually exclusive and total 50,000 people. Replace all figures and narration with your own validated data before publication. “Not yet reached” should only be used when the full target population is known.
01AI coding agents
~12 million people
A few squares in a field of 2,500. Start here, then keep scrolling.
The full picture
| Group | People | Share | Squares |
|---|
The labels use the input values; the drawing uses whole squares. Categories must be mutually exclusive and cover the intended population. A person, dollar, or other unit cannot belong to two groups at once.
Scroll position controls the cascade. Each group has a filling interval followed by a reading interval: the squares stop at the color boundary while its label remains visible. The final group gets more scrolling room. There is no forced scrolling, snapping, or autoplay. Reverse scrolling reverses the reveal. “Less motion” places new squares directly in the grid.