Customizing your dot plot

This guide will walk you through the steps necessary to create a dot plot as seen below. Once you have uploaded your dataset into Datawrapper and selected the dot plot, you can further enhance its appearance. Let us show you how to make a beautiful chart in three simple steps.

1. Refine

The first step is customizing the axes. In this case, there is only one action required:

  • Select the column header that contains labels for each row of your table as "Labels"

Optionally, you can create groups of differents entities to separate the dots more clearly.

As you can see in the final version of the chart above, we used a specific decimal representation for the values in our original dataset. We can do that by working with the " Labeling" options.

  • To replace the last three zeroes of a numeral value, select "123k" from the drop down menu as "Number format"

With these next steps, you can change the overall appearance of your chart. Datawrapper will automatically create a legend that captions the colors of the bars. You can change the color by choosing other colors bia the "Base color" drop down menu

  • Make sure that "Show color key" is checked in order to show a legend
  • Select "Thicker bars" to make your chart less cramped
  • Tick "Highlight range between two dots"  to show the range between the dots

The following GIF shows the changes:

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