3D bar race, brass counter
A 3D bar chart race on a brass panel with a mechanical year counter, 15 seconds in 16:9. Copy it into Claude, swap in your data and render the MP4.
Ten lacquered 3D bars slide out of a brass rail on a dark graphite wall, each tipped with an enamel medallion. As the years run, bars that overtake lift off the wall and glide over the one they pass, while newcomers rise into the bottom row. A four-drum counter turns the year.
Change the title lines, kicker, value prefix, suffix and decimals, the finale note, wall colour, rail and bezel metal, and the counter digits. Ask Claude to swap in your own entities and years. It suits 16:9 YouTube explainers, presentations and report intros on rankings over time.
Use it for
- Country GDP rankings over time
- Company revenue race for investors
- Product sales history in a presentation
Specs
- Length: 15 seconds
- Format: widescreen 16:9 (1920x1080), 30 fps
- Built with: Three.js in HyperFrames
- Category: Charts
What happens, beat by beat
- 0 to 2.3 s: the drums spin and land on the start year one by one, thousands first (0.6, 0.8, 1.0, 1.2 s). The camera pulls back while bars shoot out of the rail with a…
- 1.7 to 4.3 s: title rises in through line masks: a mono kicker [e.g. GDP in current US$ · 1990 to 2025], a bold line [The world's biggest] and an italic gold serif line [economies]. It…
- 1.8 to 12.85 s: the race.
- Moment: timed on the instant the entity actually climbs a rank, not on its calendar year. A dot in the entity's colour, the year in mono and [your moment, e.g. China passes Japan for second place]…
- 12.85 to 15 s: the final year lands. The three biggest growers stay lit with warm tips and a glow on the wall; the rest go graphite at about 35%, flags and values to 40%. A…
Light and post
- Warm key spotlight from the upper left, raking enough that lifted bars throw soft VSM shadows on the wall. A narrow warm practical above the counter so the bezel shades…
- Text is drawn white on canvas and used as an alpha map, tinted per frame, so labels stay crisp in 3D.
- 4x MSAA half-float target, Bokeh depth of field during the intro only, gentle UnrealBloom with the threshold above text level, ACES tone mapping, then seeded grain and a vignette.
What you can change
- Expose as variables: kicker, both title lines, value prefix, suffix and decimals, growth label, source note, and the wall, metal and digit colours. Everything else…
How the prompt opens
Make a silent 15-second, 16:9 (1920x1080, 30 fps) motion piece in Three.js. The ten biggest [entities: countries, cities, companies, products] race across [your period, e.g. 1990 to 2025] as lacquered 3D bars sliding out of a brass rail on a dark brushed-graphite wall. Each bar carries an enamel medallion at its tip, overtaking bars lift off the wall and glide over the bar they pass, newcomers rise out of the wall at the bottom row, and the year turns on a four-drum mechanical counter set behind a brass bezel. The example data is GDP in US$ trillions for 14 countries; swap in your own numbers, names, colours and copy.
The full prompt runs 1,086 words. Copy it free (2 a day) from this page.
Copy the prompt into Claude, or pull the scene into Claude Code and render the MP4 on your machine: how it works.