AI CSS Animations

3D Sales Ranking Tower

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

Type
prompt
Made with
Claude Code
Built in
Remotion
Topics
Charts · 3D

The prompt

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.

Similar prompts