Customizing your stacked column chart

This tutorial describes how to customize a stacked column chart in Datawrapper. We assume that you have already uploaded your dataset into Datawrapper and selected the stacked column chart. Let us show you how to make a beautiful stacked column visualisation in three simple steps.

1. Refine

First of all, we will have to rescale the chart. To do so, click, hold, and drag the arrow in the lower right corner to scale the chart window.

To make it easy for our readers to read the actual values, we will enable the options

  • "Show grid lines" and
  • "Value labels".

Also, " Connect bars with areas" makes sense here since we want to visualize how the distribution changed over time. This feature adds connecting lines between the stacked areas. 

We'll further adjust the " Direct label space", "Inner margin", and "Outer margin" by working with the sliders in the "Layout" options. The GIF below shows the changes in action:

2. Annotate

In this tab you can edit the  titledescription (sub-title) and add notes. Make your data accessible and explorable by stating the source name and providing its URL. Optionally, you can highlight a certain element of your chart.

3. Design

In this last step you can select a preset layout and enable social sharing functions to spread your work. Click on " Publish"and you'll be directed to the "Publish & Embed" page.

The best way to use a Datawrapper chart is by embedding it directly in your website. To do that, click the big blue button that says "Embed chart on website". Then, copy & paste the embed code snippet into your website or CMS. You can also download your chart as a PNG or PDF by upgrading to a paid Single or Team account. Click here for more information on the different pricing plans of Datawrapper.

Still need help? Contact Us Contact Us