Hatch Depth
Hatch Depth 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
- ~4.4s (132f @ 30fps; growth 0–1.7s · transformation 2.2–3.4s · micro-tremor ending)
- Energy
- Medium (information builds progressively, no explosion; the texture swap creates the "it's live" moment)
- Styles
- 1
Recipe notes
Hatch-pattern placeholder bars wipe-stretch into place one by one; then the hatching fades out, an accent-colored solid layer fades in, values pop up, and the placeholder graphic transforms into a real data bar chart
When to use it
"From draft to real data" narrative beats; introducing dashboard/report features, or segments stressing real-time data
Intent
Shooting the product moment of "placeholder becomes real data" as a visible material transformation: first, 45° hatch strips sketch the draft feel of "data will live here"; then a solid color layer replaces them in place — the geometry stays completely still, only the skin changes, and what the viewer reads is "the same thing came alive".