Customizing your election donut

After you  uploaded a dataset into Datawrapper and selected the election donut chart, you might want to work on its appearance.  Let us show you how to make changes to an election donut in three simple steps

One strength of the Datawrapper election chart is that you use the exact colors of the parties being presented, which is important make the results easier recognizable for users. A green party should be green, of course. 

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

1. Refine

Select a good size of the election donut. You have a number of options to  resize the chart. At the same time the chart will later re-size automatically depending on the screen size (desktop, tablet, mobile). The election donut often needs a defined width to work well. Find out the best ratio by trying different sizes.

  • Click, hold, and drag the resize arrow in the bottom right corner of the chart or

  • specify the exact size of the chart by defining the resolution in pixels with the help of the boxes below the chart.

Customize colors, choosing the right colors for a political party
Click on "customize colors" to choose distinct colors for each part of the chart. Specifically when using an election donut you might want to do a bit for research as for the exact colors the parties have. You can find those through Google. In Datawrapper you can then set the value of the color to that value. 

The GIF below shows you 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