Customizing your bullet bar chart

This guide will walk you through the steps necessary to create a bar chart as seen below. Select  bullet bar chart after uploading your data. There are a number of specific features to make this particular chart type look even better. Let us show you how to make a beautiful chart in three simple steps.

1. Refine

The first step is customizing the axes. This is the part where it pays off to have a neat and legible row header, column header, and labels.

  • Determine the outer bar by selecting one of your column headers that labels a column containing values
  • Determine the inner bar selecting another column header that labels a column containing values
  • All values must be of comparable measures as they are placed in the same scale
  • Select the column header that contains labels and/or descriptions for each row of your table

Optionally, you can create groups of differents entities to separate the bullet bars from each other more clearly. In this case, we do not need to work on the sorting or labeling of the bullet bars.

We will, however, change the appearance by adjusting the colors and showing a legend that captures the colors of the bars.

  • Choose different outer colors and inner colors
  • Make sure that "Show color key" is checked and add a brief description to each color by clicking in the small boxes that say "outer-color" and "inner-color"
  • as well as "Seperate rows with dotted line" and "Thicker bars"

Check out this GIF to see 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