How to create a Datawrapper column chart

The column chart is a vertical variation of the bar chart. The strength of this chart type is that the user can see the values  clearly and is able to compare wether the values went up or down or stayed the same. 

The column chart will be your first choice in a lot of occasions. As you can see below it is possible in a Datawrapper column chart to display negative values (see value for 2009 below). A limitation of the column chart is the space to display legend on the x-axis. If you have a lot of values Datawrapper will try to turn them vertically, but this makes reading the chart much harder. When you have many values and longer names (e.g. all US states) switch to a bar chart in Datawrapper. 

In this tutorial, you be guided through the steps to prepare and then upload your dataset into Datawrapper in order to create a column chart like the one below.

1. Preparing importing the data

For this example, we use a dataset about the world's total GDP growth. The table used for the chart above is formatted as follows.

Tipp: You can copy the data from this table & paste it directly into Datawrapper. Make sure that you copy all fields to make this work. 

Year/Region World average Advanced economies Eurozone Developing countries
2006 5.5 3.1 3.2 8.2
2007 5.7 2.8 3 8.7
2008 3.1 0.2 0.5 5.8
2009 0 -3.4 -4.5 3.1
2010 5.4 3.1 2 7.4
2011 4.2 1.7 1.6 6.2
2012 3.4 1.2 -1 5.2
2013 3.4 1.4 0 5
2014 3.4 1.8 0.9 4.6
2015 3.4 2.3 1.4 4.2
2016 3.7 2.4 1.6 4.7

Source: Sample data

Note the structure of the dataset above:

  • One header row consisting of different labels
  • The first column defines the category
  • The second and following columns define categorical dimensions
  • Categorical dimensions consist of comparable values of the same measure

In this case, we use several categorical dimensions (World average, Advanced economies etc.). Datawrapper can transform these these into separate tabs. This leads to a more interactive chart as the reader can select different alternations of the chart by switching between tabs that you define in the column header

One note of caution: In this tutorial we want to show all options. In standard cases consider to to create column charts with just one categorical dimension based on a dataset consisting of two columns overall. The reason for this: If you publish primarily to mobile screens try to avoid this interactive version, because only few users tend to click "sideways" to the other options. For mobile use and potentially even as a general rule it is advisable to create separate charts and stack them on a page for easy scrolling. 

2. Check & Describe

This is what the table will look like after you uploaded it. Make sure that the box "First row as lable" is ticked so that Datawrapper correctly identifies categories and categorical dimensions.

Click on "Proceed" and Datawrapper will take you to the next step.

3. Visualize

 Once you're in the " Visualize" tab, choose " Column Chart" and Datawrapper will create a first iteration of your data. Continue with the steps refine, annotate, and design to finish your chart. We cover this in a separate short tutorial found here.

Still need help? Contact Us Contact Us