When should I use a bar chart race?

Creating engaging animated presentations of rank changes over many time periods ● Showing both magnitude and rank simultaneously as they evolve ● Making data stories for social media or video content

When should I avoid a bar chart race?

When precise comparisons at a single point in time are needed ● When the audience cannot view animations (print, email, static reports) ● When there are few time periods or few items to compare

What are common mistakes with bar chart races?

Running the animation too fast for viewers to read labels ● Not providing a pause/scrub control for exploration ● Including too many bars, making the race chaotic ● Re-using colors across items between frames — color identity must be stable so the eye can track each bar through the race

What data does a bar chart race need?

Minimum 20 rows, 3 columns (string, date, number). Requires an item name, a time period, and a numeric value. More time steps yield smoother animation.

Ranking

Bar Chart Race

An animated horizontal bar chart where bars re-sort over time to show how rankings change, creating a dynamic 'race' effect.

Top Companies by Revenue, 2021–22

Cyberdyne climbed from #4 to #1 in five quarters

View data (25 rows)

Chart data table: Top Companies by Revenue, 2021–22
Revenue	Brand	Quarter
150	Acme Corp	Q1 2021
130	Globex	Q1 2021
115	Initech	Q1 2021
80	Cyberdyne	Q1 2021
70	Umbrella	Q1 2021
148	Acme Corp	Q2 2021
138	Globex	Q2 2021
122	Initech	Q2 2021
105	Cyberdyne	Q2 2021
76	Umbrella	Q2 2021
142	Acme Corp	Q3 2021
145	Globex	Q3 2021
138	Cyberdyne	Q3 2021
128	Initech	Q3 2021
82	Umbrella	Q3 2021
168	Cyberdyne	Q4 2021
152	Globex	Q4 2021
138	Acme Corp	Q4 2021
134	Initech	Q4 2021
88	Umbrella	Q4 2021
195	Cyberdyne	Q1 2022
158	Globex	Q1 2022
142	Initech	Q1 2022
132	Acme Corp	Q1 2022
95	Umbrella	Q1 2022

Make a bar chart race with your data

Use a bar chart race when…

Creating engaging animated presentations of rank changes over many time periods
Showing both magnitude and rank simultaneously as they evolve
Making data stories for social media or video content

Avoid when…

When precise comparisons at a single point in time are needed
When the audience cannot view animations (print, email, static reports)
When there are few time periods or few items to compare

Data it needs

Property	Value
Min Rows	20
Min Columns	3
Column Types	stringdatenumber
Notes	Requires an item name, a time period, and a numeric value. More time steps yield smoother animation.

Visual anatomy

Marks

horizontal bartext label

Channels

length (value)vertical position (rank)color (item)

Axes

x-axis: valuey-axis: rank position (dynamic)

Guiding principles

Consider instead

Bump Chart

For a static overview of rank changes over time

Slope Chart

For comparing two specific points in time

Common mistakes

Running the animation too fast for viewers to read labels
Not providing a pause/scrub control for exploration
Including too many bars, making the race chaotic
Re-using colors across items between frames — color identity must be stable so the eye can track each bar through the race

History

Bar chart races gained viral popularity around 2018-2019 on YouTube and social media, with creators like Flourish and others producing GDP, population, and brand-value races. The format combines Edward Tufte's small multiples philosophy with animation to show time evolution.

Accessibility notes

Provide playback controls (play, pause, speed, scrub). Include a keyboard-accessible timeline slider. Offer a static table or small multiples view as a non-animated alternative.

Got data? Let's see what works.

Drop your CSV. You'll get a Bar Chart Race plus four alternatives - ranked by which one actually fits your data best.

Try it free