Stage Block Chart
DataExtruded blocks on a long lens, each with its figure floating above it, the shot re-composing as the next block grows in
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 3 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Stages *stages · array
Blocks, drawn left to right and built in order. Four reads as an escalation; past five the row is too deep for the lens.
now: 4 items
- Standingstanding · number
How many blocks are already up when the shot opens. 0 builds the whole row from nothing. Set it to 1 to cut into a chart that has already been established, the way the reference footage does.
now: 0
- Brandbrand · string
Brand token id, one of the keys of BRANDS.
now: ledger
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
Extruded blocks standing on a ground plane, shot on a long lens from the left so each one shows its front, top and left face at its own angle. Each block carries its stage label and a year on the front face and a large figure in the accent colour floating above it, set inside the block's own footprint. The blocks grow up from a baseline below the frame with a critically damped move, fast off the mark, no overshoot, a long quiet settle, and as the next one arrives the camera pans right and lifts so the shot re-composes around the pair instead of cutting wider. Each figure fades in a beat after its own block has finished arriving.
