Scroll a long memo fast through several pages and decelerate onto a chart page
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
Two windows share a black field: a narrow chat transcript on the left stays still, and a document editor on the right scrolls its pages quickly. From local frame 0 a line-chart page slides up, followed by a budget page with a table and green bars, a revenue-bridge page with dark bars and a table, a bullets page with a blue callout, and finally a 'Product Plan and Mix' page with four coloured bars; the scroll decelerates and settles on that bar-chart page around f88 and holds to f104.
Fast, decelerating scroll of a multi-page document inside a clipped pane, ending precisely on a chart page while an adjacent pane stays static.
Phase notes
- Frame 0 — Line-chart page in view, scrolling
- Frame 30 — Table and bar pages pass
- Frame 60 — Bullets and callout pass
- Frame 88 — Settles on product-mix bar chart
- Frame 104 — End
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
- Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.