Visualize changes over time with bar race charts
Bar race chart can help visualize things such as game scores, election results, or financial trends. It uses animation to show how data changes over time. Adjust the speed to highlight patterns and comparisons more clearly.
How bar race charts work
- Each bar represents a category.
- The chart animates to show how values change over time.
- Bars grow, shrink, or reorder with each time period.
Add bar race charts
This is the first step in adding bar race charts. Afterwards, you can add chart data manually or import it from an external source.
- Create or open an existing design.
- From the editor side panel, select Charts. If it's not there, select the Apps tab first, then Charts.
- Under Bar race charts, select either the Single color bar race or Bar race chart.
Set up chart data
Data requirements:
- 1 categorical variable (label)
- 1 numerical value (per time period)
- 1 time-based variable (e.g., month, year)
- (Optional) 1 column for color grouping
You can either add your data manually, import it from a spreadsheet, or connect your data source apps.
Add chart data manually
Enter your data into the chart table, then review each part of the chart to make sure it accurately reflects the data in your table
Add data
- Select your chart, then click Edit on the toolbar.
- In the side panel, enter your chart values in the Data table. You can also select Expand data table for a full-screen view of your data.
Add rows and columns
- To add a new row, choose a row, then click (More).
- Choose between Insert row before or Insert row after.
- To remove a row, choose Delete row.
- To add a new column, choose a column, then click (More).
- Choose between Insert column before or Insert column after.
- To remove a column, choose Delete column.
Note: When editing data on Canva, use the Shift key on your keyboard to select multiple cells, rows, and columns. You can also click and drag to select multiple cells.
Sort data
- To sort your chart data, select a column, then click on (More).
- Click Sort table A-Z to sort in ascending order, or click Sort table Z-A to sort in descending order.
Import chart data
Connect to data from Canva Sheets or connect to a data source app. You can also use a CSV, TSV, or XLSX file to import your data. For now, you can only import up to 1000 rows and 100 columns of data.
- Select or add a chart, then select Edit.
- From the side panel, click Import data.
- From here, you can choose to:
- Select Sheets to connect to data from Canva Sheets.
- Select a data source from the available options: Google Sheets, Salesforce, Google Analytics, HubSpot, World Bank.
- Upload a CSV, XLSX, or TSV file by selecting Upload data.
Tip: After your data loads, you can use Data Actions to clean and organize it before importing. See Clean imported data with Data Actions below.
4. If you chose a third-party app, sign in to the app (if required) and grant Canva permission to access your data.
5. Choose the specific dataset you want to use from the imported data.
6. Click Done to sync the data with your chart.
Learn more about adding and managing your chart data. You can also format the values for clarity.
Choose which data to display in bar race charts
After adding your data, select what data you’d like to show and how you’d like it to be displayed in your bar race chart. You can customize your chart afterwards.
- In the Chart panel, under the Data table, go to Chart setup.
- Under Labels – What to show click the drop-down menu, and choose which column(s) you’d like to display.
- Under Time period - What values to show, choose the values you’d like to display in the chart’s body.
- Click the Color by dropdown and select a column of data to apply color.
Customize your bar race chart
After choosing which data to display, enhance your bar race chart’s readability and clarity.
- Click on the chart to open the toolbar, then select Edit.
- On the Chart panel, select the Customize tab.
- To add a title and subtitle, enter your Title and Subtitle in their respective text fields.
- Click on the X Axis or Y Axis dropdown.
- To show or hide an axis, toggle Labels on or off.
- To add a title, enter it in the Title field. The title limit is 128 characters.
- Under Settings, you can:
- Toggle gridlines on or off.
- Set the maximum number of visible bars.
- Adjust the chart playback speed.
- Enable or disable loop playback.
- Turn tooltips on to show details when you hover over the chart, or off to hide them.
Looking for advanced charts? You can use the Flourish App. Check out Add advanced charts via Flourish to learn more.
Not sure where to start? Check out Get started with Canva Charts.
Was this helpful?
Helpful
Unhelpful