Skip to content
refs
REF-1099Source onlineBlueprint rev 01

A Bar-Chart Race Through Website History

A six-minute, single-shot chart animates website traffic rankings from 1996 to 2019, turning brand overtakes into the plot.

Maker @dataisbeautifulofficialOriginal post ↗
Cut timeline · 1 shots in the first 06:0008:26
00:0002:0004:0006:0008:00
Measured first 06:00

Field notes / why it works

The chart starts immediately in January 1996, showing a clear leader and inviting the viewer to predict who will overtake it. Smooth rank swaps and recognizable logos make the reversal around 1:46–1:51 especially watchable; that interval is the strongest replay peak. A second shift around 4:01–4:13 brings newer platforms into contention without changing the familiar layout.

01

Plate 01 / The format in one breath

A ranked horizontal bar chart runs through roughly two decades of website traffic without a presenter, a cut, or a spoken explanation. The date, lengths, ranks, values, and logos do the storytelling: familiar names arrive, overtake incumbents, and sometimes vanish.

Why it works

  • The first frame already shows a race in January 1996, with AOL far ahead of Yahoo; the viewer can start predicting the winner immediately (0:00–0:03).
  • The same fixed layout makes each reversal legible. Yahoo moves past AOL around 1:46–1:48, the strongest replay peak (1:46–1:51).
  • Logos and exact numbers make the race recognizable and specific; the late 2007 to 2009 frames show Google taking the lead and Facebook/YouTube climbing (4:01–4:33).
02

Plate 02 / Format card

Reference
Platform · aspect · lengthYouTube · 16:9 · 6:00.1 · source measured at 640×360, 29.97 fps
Pace1 continuous chart shot; 0 cuts/min; 51 detected chart/text step changes, or 8.5/min; the bars also move continuously
ScriptNo spoken script. Labels, dates, ranks, and values carry the information.
VoiceNone; automated transcript's 26 punctuation-only “words” are false detections (inferred).
On screen100% flat, full-frame data visualization; no presenter or footage
CaptionsNone. The rank labels, numbers, date, and brief title are chart text.
SoundContinuous upbeat instrumental bed (inferred from audio measurements); no supported evidence of narration or timed effects; −21.6 LUFS integrated, −9.5 dBFS true peak
StructureStarting hierarchy → challenger arrivals → repeated lead changes → later hierarchy; no spoken CTA or end-card CTA visible in supplied sheets

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Text / data templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro