# Bar chart race of top languages in 2026

> A 10-second bar chart race on dark slate: five language bars grow from zero, swap places twice (Python passes TypeScript, Rust passes Go), and count up to their final percentages. The prompt asks for every element to be hand-drawn, with no chart library.

- Page: https://meetreference.com/v/bar-chart-race-top-programming-languages/
- Exact prompt as plain text: https://meetreference.com/v/bar-chart-race-top-programming-languages/prompt.txt
- Made with: Not stated
- Model: not stated
- Built with: HyperFrames, GSAP
- Skills or plugins: HyperFrames skills
- Style: Data stories; bar chart race, data visualization, ranking, count-up, dark, silent
- Length and format: 10 sec, 16:9 (1920x1080 source)
- Shared by HeyGen HyperFrames team in HyperFrames prompting guide (Website), Jul 29, 2026: https://hyperframes.heygen.com/prompting/examples#bar-chart-race
- Prompt fidelity: Partial. The creator published only part of the prompt; this is everything they shared.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. The creator didn't say which agent they used. Any capable coding agent should work.
2. Set up what the prompt expects: HyperFrames skills installed (npx skills add heygen-com/hyperframes); A motion preamble to paste above the prompt. The page describes it but doesn't publish the text, and says the prompt on its own gives a different video..
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Replace the title "Top languages 2026" and the five names in brackets with your own categories. The prompt gives no final values, so add the real percentages if you have them, and keep "overtaking each other twice" for the race.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
10-second 1920x1080 video, dark slate background. Title "Top languages 2026" top-left. Five horizontal bars (Python, TypeScript, Rust, Go, Java) grow from zero with staggered starts, overtaking each other twice mid-animation; each bar has a right-edge value label counting up to its final %. End state holds 2s with the leader pulsing once. Hand-draw everything — no chart library. No audio. **Spectacle beat:** The leader's single end pulse is the moment — a +16px overshoot and a bright cap flare, returning to rest exactly on the last frame.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A clean horizontal bar chart on dark slate: five colored bars for Python, TypeScript, Rust, Go and Java, each with its percentage at the end.

- Color: Dark blue-slate with a faint grid and off-white title and labels. Bars in yellow (Python), sky blue (TypeScript), orange (Rust), aqua (Go) and pink (Java), each value label in its bar's color.
- Type: A bold sans for the title "Top languages 2026" and the percentages, a medium sans for the language names, and widely spaced small caps for the footer "SOURCE · 2026 SURVEY".
- Framing: Title top-left. Names are right-aligned against a vertical axis, and bars run right from it with a white tick at each end. A baseline rule and the source line run along the bottom, and the right third of the frame stays empty.
- Sound: Silent. The prompt says "No audio" and the file has no audio track.
- Structure: TypeScript alone at 9%, then four and five bars with TypeScript ahead of Python (29% to 23%, then 32% to 29%), Python taking the lead at 38%, Rust passing Go, and the final order held: Python 41%, TypeScript 33%, Rust 19%, Go 14%, Java 9%.

Storyboard, nine frames spread across the video: https://meetreference.com/media/bar-chart-race-top-programming-languages/storyboard.webp

- Frame 1 at 0.6s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f1.webp
- Frame 2 at 1.7s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f2.webp
- Frame 3 at 2.8s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f3.webp
- Frame 4 at 3.9s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f4.webp
- Frame 5 at 5.0s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f5.webp
- Frame 6 at 6.1s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f6.webp
- Frame 7 at 7.2s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f7.webp
- Frame 8 at 8.3s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f8.webp
- Frame 9 at 9.4s: https://meetreference.com/media/bar-chart-race-top-programming-languages/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Notes: The page says the video was "rendered from the prompt above, unedited", and the guide's overview calls the gallery "copy-paste prompts, each one-shots a finished video". Every example was run with a shared preamble pasted above the prompt. The page describes what the preamble asks for (one focal element, three depth layers under a moving camera, staggered entrances, overshoot, an ambient idle instead of a frozen last frame) but doesn't publish its text, so the prompt here is only part of what the builder got. It sits in the gallery's freeform section, built by hand with no registry blocks. The prompt doesn't give any values, so the percentages on screen aren't sourced data. The agent and model aren't named.

## Links

- Watch: https://hyperframes.heygen.com/prompting/examples#bar-chart-race
- Original post: https://hyperframes.heygen.com/prompting/examples#bar-chart-race
- HyperFrames prompting guide: https://hyperframes.heygen.com/prompting/overview
- Prompt source (examples.mdx on GitHub): https://github.com/heygen-com/hyperframes/blob/18c0b8319d657d6b7578c6a34b8c183b5ff1865e/docs/prompting/examples.mdx#L132