Avatar Grid Radial Build Colorize
Avatar Grid Radial Build Colorize is a data & metrics Remotion shot (with a public demo.tsx). Watch the video preview, read the recipe notes, and copy the agent brief to implement it from tuned TSX.
- Category
- Data & Metrics
- Duration
- ~5.6s (168f @ 30fps; fill 0.5–1.7s · coloring emerges 1.7–3.4s)
- Energy
- Medium (the growth phase has rhythm; the coloring phase is a quiet "discovery" moment)
- Styles
- 1
Recipe notes
An 8×7 grid of small cards grows ring by ring from the center to fill the screen (content mixes initials / icon / image placeholders), then ~15% of the cards turn red at random moments to flag anomalies, with the title and legend staying put in the center
When to use it
Data narratives where an anomaly/highlight emerges from a crowd: user-group health, monitoring dashboards, bulk status overviews
Intent
A two-act structure: Act One "the crowd takes shape" — cards sprout ring by ring from the center, like a colony growing under the lens; Act Two "the anomaly emerges" — once filled, individual cards turn red in sequence, forcing the viewer's eyes to scan the whole field for red dots. It turns "we're watching every item for you" into an experience.