A 3D data-viz tower in Remotion with React Three Fiber: one box per best-selling game, height by copies sold, and a camera that climbs from rank 20 to rank 1, pausing on each.
By Dilum Sanjaya @DilumSanjaya Feb 2, 2026
here is an empty remotion project with the default react three fiber example. I want to create a 3D video to visualize top 20 videos games by copies of all time.Create a Remotion video that visualizes the top 20 best-selling video games as a vertical "tower", use boxes as towers with height representing the amount of copies. remove the default example from this project and create a remotion + react three fiber example to do this visualization. Resolution: 1920x1080 FPS:60 animate the camera from the bottom of the last rank to the top of the first rank. stop the camera on the top of each rank for a few miliseconds. here is the game ranking data you need [data as a JSON string]
Quoted from Dilum Sanjaya's post. The prompt belongs to its creator; credit them if you share it.
The front door is /hyperframes. This skill makes a short, design-led, unnarrated motion graphic (motion is the message;…
<inputs> Ask me for: 8 to 12 UI states I want the shape to become (e.g. button, loader, player, slider, toggle, tabs, c…
make a modern slick and punchy video for a modern startup that works on inference
make a dynamic 15-second motion graphics video that shows what an incredible media intelligent Drone Emprit is, like it…