Customizing your Multiple Pies chart

Once you have uploaded your dataset into Datawrapper and selected the Multiple Pies chart, you can customize its appearance in step 3: Visualize: 

1

Refine

In the "Refine" tab, you'll see some options in four groups: Pie slices, Labels, Color key and Grouping. Let's go through all four groups, step by step:

  • Slice color: Click on "customize colors" and then select each element to give each slice a specific color. 
  • Pie size: You can decide how much margin your pies should have to all sides with this setting. 
  • Minimum grid column width: With adjusting the minimum grid column width, you decide how wide each column is going to be. The greater it is, the fewer pies will fit in side by side. Hint: Make sure to check the appearance of your pies in the mobile version, too.
  • Sort by: By default, the slices in your pies are sorted from largest to smallest value (the first pie will be the benchmark for that. So all pies will be ordered like your first pie, even if the first pie slice is only the largest pie slice in this first pie). Even if your original values are not sorted, the final multiple pie chart is. You can click on "keep order" if you want to have your pie slices sorted according to your original values.

  • Number format: This dropdown menu has multiple options. They will be especially important in case your numbers are very "long" (e.g. 1,992,394 or 0.4239291) and you want to display them abbreviated (e.g. 1.9m or 0.424). Choose e.g. "123.4k" to turn 1,992,394 into 1.9m. 
  • Convert values to percentages: You can upload absolute relative or absolute numbers to Datawrapper to create a pie chart. In case you uploaded absolute numbers (like we did for the chart above) and want to show percentages, make sure to enable this option. 
  • Show inside values: Here you can decide if you want to display the pie slice values directly in the pie slices.
  • Show value below each pie: If you turn this feature on, you'll have two options: You can display the sum of all pie slice values (if you uploaded relative numbers, that number should be 100%). Or you can decide to emphasize the value of one pie slice within each pie, with choosing "Show single". 

  • Position: You can decide if your color key should be at the top, bottom, left or right of your chart.
  • Stack labels: Instead of listing the pie slice names next to each, you can stack these labels. That's only possible if "position" is either "top" or "bottom". 

The last group in the Refine tab is "Grouping". If you upload more than five pie slices, the smallest pie slices will be automatically grouped in one slice with a label. Here you can define that maximum number of slices, and what that slice label should be.

These are all the options you can find in the Refine tab. Let's move on to the Annotate tab. Here you'll find two options: "Describe chart" and "Highlight elements".


2

Annotate

Describe chart

If you've created a Datawrapper chart or map before, you already know this feature. Here we can give your chart a title, a description, add notes and a source:

  • We recommend using the title to tell your readers what's interesting about this chart – the one key statement that you want to show on this chart, e.g. "Unemployment highest in the south"
  • The description should have as much information about the data as possible: What do we see exactly? E.g. "Unemployment rates in % in all US states, 2016"
  • Think of notes as footnotes, where we want to specify any abnormalities about your data. E.g. "California unemployment rates from Jan and Feb 2016 not included in the calculation."
  • The source name will give our readers information about how trustworthy our data is. Does it come from a government institution or another trustworthy organization? The source URL lets our reader dig even deeper and have a look at the underlying data themselves. Both, source name and source URL, should be filled out on every map or chart to increase transparency. E.g. US Bureau of Labour Statistics, August 2017

Highlight element

In the 2nd panel in the "Annotate" tab, we can emphasize certain pie slices. All the other pie slices will then tone down in their color. To remove added elements, click on the little "x" left of the text in the blue button:

After the Annotate options, there's only one tab left: Design. 


3

Design

In this last step, you can select a preset layout and enable social sharing functions to spread your work. 

  • Users of the free plan or Single users have two options: One layout with and one without the "Get the data" link
  • Users of Datawrapper Team are able to select a custom layout here 

4

Publish

After we worked through the four tabs of step 3: Visualize, we can now proceed to step 4: Publish & Embed. Here we 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 on 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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us