Customizing your Multiple Donuts chart

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


1

Refine

In the "Refine" tab, you'll see some options in four groups: Donut 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. 
  • Outer radius: You can decide how much margin your donuts should have to all sides with this setting. 
  • Inner radius: Here you can choose if you want your donut rather thick or thin. 
  • Minimum grid column width: With adjusting the minimum grid column width, you can decide how wide each column is going to be. The greater it is, the fewer donuts will fit in side by side. Hint: Make sure to check the appearance of your donuts in the mobile version, too.
  • Sort by: By default, the slices in your donuts are sorted from largest to smallest value (the first donut will be the benchmark for that. So all donut will be ordered like your first donut, even if the first donut slice is only the largest donut slice in this first donut.) Even if your original values are not sorted, the final Multiple Donuts chart will have the slices sorted. You can click on "keep order" if you want to have your donut 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 donut 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 donut slice values directly in the donut slices.
  • Show value inside donut: You can display a value inside the donut hole, either the sum of all donut slice values (if you uploaded relative numbers, that number should be 100%). Or you can decide to emphasize the value of one donut slice with choosing "Show single". 
  • Show value below each donut: If you turn this feature on, you'll have the same two options: You can display the sum of all donut slice values (if you uploaded relative numbers, that number should be 100%). Or you can decide to emphasize the value of one donut slice within each donut, 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 donut slice names next to each, you can stack these labels. Note that that option is only possible if the "position" of labels is either "top" or "bottom". 

The last group in the Refine tab is "Grouping". If you upload more than five donut slices, the smallest donut 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.


2

Annotate

Describe chart

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

  • We recommend using the title to convey the most important or interesting aspect about the chart – the one key statement that you want to show on this chart, in case your readers do not explore the accompanying data in detail 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 clarify 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. 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 donut slices. All the other donut slices will then tone down in their color. To remove added elements, click on the little "x" on the left of the text in the blue button:


3

Design

In the ''Design'' tab under step 3: Visualize, you can select a preset layout and enable social sharing functions to share your work. Users of the Free plan have two options: one layout with and one without the "Get the data" link. Users of Datawrapper's Custom and Enterprise plan have the option to select a custom layout here. The output locale option allows you to choose in which format do you want the decimals, 1000 separators and dates to appear in your visualization.


4

Publish

In the final step 4: Publish & Embed, you have the option to publish the chart either by sharing the URL or by copying the embed code directly on your website or CMS (recommended). You can also download your chart as a PNG (available to all users regardless of the type of subscription plan they have) or as a PDF or SVG file (available only to users of Custom and Enterprise plan). For more information on the different pricing plans, click here.