Alternatives to tabs and drop-down menus in your visualizations

You want to build a chart or map in which your readers can switch between categories/regions with a drop-down menu or tabs on the top – and now you notice that this is not possible with Datawrapper. Indeed, Datawrapper does not have a built-in feature for adding tabs and drop-downs to switch between multiple chart/map views. That's because we believe that no information should be hidden in a layer that readers first have to reveal by clicking a button – because large parts of your audience will never find that information. 

But that doesn't mean you won't be able to show the data you want to show. There are workarounds to show tabs and drop-downs after allBut this article wants to show you two alternatives: using another chart type and showing multiple charts/maps:

Alternative 1: Show another chart type

Let's say you want to show the ethnicities for San Francisco, but give your readers a chance to also compare them with the ones from the US. Our column charts still offer tabs, so using them might be your first idea:

However, other chart types can show the data for both San Francisco and the US "in one tab", like this grouped bar chart: 

Notice how it's actually easier to compare the two regions with each other, now that you see them in one chart instead of jumping back and forth between tabs.

You can make sure that people pay attention to your most important data first (the data you would have in our column chart tabs first) when you color it in a darker/more satured color. 

However, you can see that these long labels don't fit well below the columns, especially on mobile devices. So you can rotate the columns by 90 degree to create a bar chart. Here's the same data as a split bar chart:

Instead of column or bar charts, try split/stacked/grouped bar charts. If you have lots of data that can't fit into a chart type, ask yourself if it's really necessary to show all this data and what the most important point is you want to make. Everything is important? Then consider using a table. 

Let's look at another option to bring all your data in your article or website: 

Alternative 2: Show multiple visualizations

Showing multiple charts or maps instead of cramming everything in one gives you the space to explain what your readers can or should see in each visualization. 

Here are two examples: The left one by the New York Times shows the same chart type, but with different data. The right one is a "charticle" on our blog. Both use the space between the chart to take the reader by the hand and offer explanations:

Small multiples

If that much explanation isn't necessary, "small multiples" might be the way to go. Small multiples are several small charts of the same chart type that show different categories of the same data. They're great to let readers compare differences.  

We already offer small multiple pie charts, donut charts, and line charts and will eventually also implement small multiples for other chart types. Here's a small multiple donut chart: 

We hope that this article helped you to understand why we don't offer drop-down menus or tabs, and offered alternatives that will improve your article/website. If you still have questions, don't hesitate to get in touch at support@datawrapper.de.