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.
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:
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. Optionally, you can highlight a certain element of your chart.
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.