← All videos

1280×720 · 16:9 landscape Remotion Remotion + React

Run log

ModelClaude (agent build)
Renderer / stackRemotion + React
Iterations to final1
Render time31s (final render)
Format1280×720 · 16:9 landscape
Published2026-10-25

What broke (and the fix)

  • Nothing broke on the final pass. Mid-crossing frames (checked at 4.2s and 6.3s) show the designed dim-and-pass-behind behaviour — the falling bar dims to 40% behind the rising bar, the same fix Wave 1's bar race uses — and every settled frame is clean: year counter, era band and leader callout all agree, ending on NEW LEADER: ORBITPODS at 900k.
Original prompt Tested

Bar chart race — Remotion prompt (products by year, era bands)

by MotionPrompts (own run)
Charts

Prompt

Banned list —Beat grid —Build method —Self-review —
<direction> A 9-second bar chart race in Remotion (1280x720, 270 frames at 30fps) for OrbitPods, LumenLamp, DriftBoard, KiteCam, Nimbus across 2021–2024. House style: near-black #0a0a0a, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. This race is NOT a generic ranking morph: a giant YEAR counter drives the film, an era band across the bottom names each year (LAUNCH / FIRST BOOM / RACE TIGHTENS / NEW LEADER), and a leader callout pill names the current leader and flips the moment the lead changes hands. Values are monthly shipments averaged per year — illustrative sample data, labelled SAMPLE DATA on screen. Banned: teleporting bars, 3D bars, glows, gradients, axis tricks, more than six racers, real brand names. </direction> <structure> Frames 0-20: title "PRODUCTS BY YEAR" + leader callout pill + YEAR counter settle. Frames 20-230: three year transitions (~70 frames each): bars glide to new ranks while values interpolate; the YEAR counter ticks; the era band's active segment lights in accent; the leader callout updates on the year change (and flashes "NEW LEADER" when the lead changes hands). Frames 230-270: final ranking holds under the lit 2024 era segment. </structure> <build> One Remotion component, 1280x720, 30fps. Each bar's row is fromRank + (toRank - fromRank) x smoothstep(local t); values interpolate on the same t. The falling bar dims to 40% and passes behind the rising bar at crossings; the leader is the accent bar. Everything is a pure function of the frame number. </build> <gotchas> - Crossing labels are the whole problem: without dim-and-pass-behind, two names print on top of each other mid-cross. Check crossing frames, not just settled ones. - The leader callout must change ON the year tick, not a beat late, or the film contradicts its own bars. - Era band segments must be equal width and the active one unmistakable at a glance. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.

Use this prompt

Visibly different from Wave 1's remotion-bar-race (generic quarterly ranking morph): this race is driven by a giant YEAR counter, an era band across the bottom, and a leader callout pill that flips to NEW LEADER the moment OrbitPods takes the lead in 2024.

Related videos

Product UI morph — one shape, many states
Product UI morph — one shape, many states
HyperFrames·Square Tested
Remotion data prompt — CSV to animated bar chart
Remotion data prompt — CSV to animated bar chart
Remotion·Landscape Tested
Remotion bar race prompt — rankings over time
Remotion bar race prompt — rankings over time
Remotion·Landscape Tested
Remotion count-up stats prompt — number story
Remotion count-up stats prompt — number story
Remotion·Square Tested

Submit a video

Know a motion video made with an AI coding model? Send the post. Rules: