Zoom To Region
Product & UIA synthesised dashboard, then a keyframed camera push into one named region and back out, with an annotation ring on the detail
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.
For developers — source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
Draw a wide fake analytics dashboard — header, a big chart card, a KPI stack, a row of tiles — then treat the whole thing as one layer and fly a camera into it: scale and translate so a named rect fills the frame, hold there while a ring draws onto the detail and a small label names it, then pull back out. Let me pass the target rect as x/y/w/h in frame units plus a zoom amount. Mark the region with hairline brackets before the push. Start and end at rest.
