Customizing your bar chart

This tutorial describes how to customize the appearance of a Datawrapper bar chart. We assume that you already uploaded data for your own bar chart or used the sample data from the "How to create a bar chart" tutorial. Customization enables you to make your chart better, through a number of features and options.  The first iteration of your chart will probably look a bit rough. Let us show you how to refine this to a beautiful chart in three simple steps.

This guide will walk you through the steps necessary to create a bar chart as seen above.

1. Refine

First thing you want to do is check if the columns containing values and labels are assigned accordingly.

  • Take a look at "Customize axes"

Depending on the angle of your story, you may want to sort the bars.

  • In this case selecting "largest first" arranges the bars the way we want

If your aren't happy with the labeling of the bars, there are lots of options under " Labeling". In this case, we'll keep it as it is. If your are experiencing problems with number formats, check out our guides on adding specific signs or implementing ratios.

You can change the overall " Appearance" by

  • choosing colors that suit your style or message
  • seperating rows with dotted lines to clearly dinstinguish the bars
  • making thicker bars for better readability
  • coloring the background of the bars to increase comparability

Here's a GIF that shows how we change the chart.

That's all we have to do here. Let's have a look at the next step.

2. Annotate

In this tab you can edit the title, description (sub-title), and add notes. Make your data accessible and explorable by stating the source name and providing its URL.

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