Basic 8 min read Updated

Bar Chart Race Tutorial

A complete walkthrough of every panel in the editor, from importing a spreadsheet to exporting a finished video. Follow it start to finish, or jump to the setting you need.

Before you start

1

Create the project

Start a new project and pick Bar Chart Race as the type. Two choices matter before you import anything.

Canvas size decides where the video will fit. 1920×1080 is the standard landscape frame for YouTube; 1080×1920 is the vertical frame for Shorts, Reels, and TikTok. You can change it later, but the layout is worth settling early.

Period is how far your data steps between rows — daily, monthly, or annually.

Set the period before importing
The period seeds the row type of the spreadsheet behind the project. Changing it after you have entered data means re-entering the rows, so decide daily, monthly, or annually first.
2

Shape your data

A race needs the same set of items measured repeatedly over time. Put one column per item and one row per period, with the first column holding the date.

Two optional header rows do a lot of work: an image row attaches a logo or flag to each column, and a color row gives each item its own bar colour.

Gaps are fine. If an item has no value for a period, leave the cell empty — missing points are interpolated, so items can join or leave the race partway through.

  Apple Microsoft Amazon
image apple.png msft.png amzn.png
color
2020 2,255 1,682 1,634
2021 2,913 2,522 1,691
2022 2,066 1,787

One column per item, one row per period. The image and color header rows style each bar; an empty cell is interpolated.

3

Choose what appears on screen

Open the Chart section. Visible Item Count is the setting people get wrong most often: ten to twelve bars stay readable at 1080p. Fewer than eight looks sparse, and past fifteen the labels are too small to read on a phone — which is where most of your viewers are.

Order Items sets the sort direction, Show Items controls which entries are eligible, and Space Between Items tunes the gap between bars.

Max Value decides whether the axis rescales each period or stays fixed across the whole race. A global maximum keeps the bars comparable end to end; a local one keeps them filling the frame.

4

Style the bars

The Bar section controls how each bar looks. Bar Color sets the default fill — the colour header row in your spreadsheet overrides it per item.

Bar Width Scale is the one worth understanding. On a linear scale the bars are proportional to their values, which is honest but unreadable when the leader is ten times the size of everyone else. A logarithmic scale keeps the smaller bars visible while the leader still leads.

Bar Corner Radius, Bar Border Width, and Border Color handle the finish; Bar Opacity is useful when you have a busy background image.

5

Format the numbers

In the Value section, Value Animation is the setting that most changes how the race feels. Instant snaps each number to its new value; Rolling digits spins them like an odometer so the counting is part of the motion. It costs nothing at render time.

Value Prefix and Value Postfix add units — a leading $, a trailing M or %. Decimals and Value Format control rounding and thousands separators, and Value Multiplier rescales raw figures so you can store exact numbers and still display millions.

6

Add logos and flags

Images are what make a race look finished. Add an image header row to your spreadsheet with a URL or uploaded file per column, and each bar carries its own logo, flag, or portrait.

In the Image section, Image Shape chooses between a circle and a rectangle — circles suit faces and channel avatars, rectangles suit flags and logos that would be clipped. Image Size and Image Padding tune the fit.

7

Set the title and ruler

The Title section styles the item labels: Title Font Family, Title Font Size, Title Align, and Title color. If your labels are long, Title Width and Title Orientation stop them crowding the bars.

The Ruler section adds vertical gridlines behind the race. They make large values easier to read at a glance, and dropping their opacity keeps them from competing with the bars.

8

Export the video

Choose a resolution and frame rate, then render. The free plan exports MP4 at 30 fps with a small watermark. Pro removes the watermark and unlocks 60 fps plus WebM and transparent WebP — the transparent format is what you want when overlaying the race on footage in an editor.

Aim for a finished length between thirty seconds and three minutes. Longer races tend to lose viewers before the interesting overtakes happen.

Next: move the camera
A static frame is fine for a short race. Once yours runs longer than a minute, adding zoom keeps the viewer looking at whichever bar matters.

Frequently Asked Questions

How many bars should I show?

Ten to twelve is the sweet spot at 1080p. Fewer than eight looks empty, and past fifteen the labels get too small to read on a phone, which is where most viewers watch.

Why do my bars jump instead of sliding smoothly?

That usually means the data steps in large jumps between periods. Add intermediate periods, or increase the animation duration so each transition has more time to play out.

What if an item only appears in some periods?

That is fine. Leave the cells empty and Alien Art interpolates the missing values, so items can enter and leave the race partway through.

How long should the animation be?

Aim for a total length between thirty seconds and three minutes. Set the per-period duration so the whole race lands in that window — longer races lose viewers before the interesting overtakes happen.

Can I change the period after importing?

The period seeds the spreadsheet's row type when the project is created, so changing it later means re-entering rows. Decide daily, monthly, or annually before importing.

Build Your First Bar Chart Race

Free to start. No install. Import a spreadsheet and export a share-ready video in minutes.