Tableau Donut Chart

What is the Tableau Donut Chart?

Tableau Donut Chart is a specific variation of a pie chart with a hole in the middle that resembles a doughnut. It displays the data segmented in proportion to the defined measure, similar to a Pie chart, and hence is often perceived as a modified pie chart. You can use the hole in the middle to convey additional helpful information for your visualization requirements. In terms of visual appearance, data representation, data comparison, and straightforward interpretation, donut charts are often preferred over pie charts.

A typical tableau donut chart looks like the one below. As you can see, there are different proportions, i.e., the Tableau donut chart percentage shows different categories such as Technology, Furniture, and Office Supplies. The hole in the middle displays the total sales combined in these categories. The arc length can be used to perform the comparison of different categories in your dataset.

Tableau Donut Chart - Intro
Key Takeaways
  • Tableau Donut charts are a variation of Pie charts with a hole in the middle resembling a doughnut.
  • These charts are easy to interpret, display data in proportions, and can be used to perform data comparison making them a preferred choice over the Pie charts.
  • While Tableau doesn’t have a direct feature to create donut charts, unlike Pie charts, with a little tweak you can create donut charts.

Features

A typical donut chart has the following features.

  • It is similar to a Pie chart with a shape resembling a doughnut
  • The data is displayed in proportions for easy interpretation of the dataset
  • It has a hole in the middle that can be used to convey additional useful information
  • It allows you to compare two different datasets in a single chart

Let’s now look at how to create a donut chart in Tableau.

How to create a Donut chart in Tableau?

Tableau doesn’t have an in-built Donut chart for use. However, you can create it by tweaking the Pie chart. To create a Tableau donut chart with one measure, follow the steps highlighted below:

Step 1: Import the dataset into Tableau using the File – Open. Once the data is imported, open a new sheet by clicking on the New Worksheet icon. 

Tableau Donut Chart - Step 1.jpg

Step 2: In the worksheet, drag the dimension (Segment) to the Color in Marks.

Tableau Donut Chart - Step 2.jpg

Step 3: Change the Marks type from Automatic to Pie under Marks.

Tableau Donut Chart - Step 3.jpg

It will create a Pie chart.

Tableau Donut Chart - Step 3 - pie chart

Step 4: Drag and drop measure (Sales) to Angle.

Tableau Donut Chart - Step 4.jpg

Step 5: Drag and drop dimension (Segment) and measure (Sales) to Label.

Tableau Donut Chart - Step 5.jpg

Step 6: Right-click on SUM(Sales) Label and choose Quick Table Calculation – Percent of Total.

Tableau Donut Chart - Step 6

It will replace the absolute Sales number with total percentages.

Tableau Donut Chart - Step 6 - chart

Step 7: Click on the Size icon and adjust the size as applicable.

Tableau Donut Chart - Step 7.jpg

Step 8: Double-click on the Rows section and type AVG(0).

Tableau Donut Chart - Step 8.jpg

Once you hit Enter, you will see the following.

Tableau Donut Chart - Step 8 - Average

Step 9: Double-click on the Rows section and type AVG(0) next to the one you have already created.

Tableau Donut Chart - Step 9.jpg

It will create two Pie charts, as shown below.

Tableau Donut Chart - Step 9 - 2 pie chart

Step 10: Expand the 2nd Marks card. i.e., AGG(AVG(0)) and drop all the measures and dimensions.

Tableau Donut Chart - Step 10.jpg

It will create a circle structure, as shown below.

Tableau Donut Chart - Step 10 - circle

Step 11: Click on Color the 2nd Marks card, i.e., AGG(AVG(0)), and choose White as the background color.

Tableau Donut Chart - Step 11

Now you can see that the 2nd pie chart is invisible.

Tableau Donut Chart - Step 11 - 2nd chart

Step 12: Click on the Size icon and adjust as appropriate.

Tableau Donut Chart - Step 12.jpg

Step 13: Now right-click on the 2nd AGG(AVG(0)) and select Dual Axis.

Tableau Donut Chart - Step 13.jpg

It will merge two Pie charts and create a donut chart, as shown below.

Tableau Donut Chart - Step 13 - donut chart

Step 14: Right-click on each of the axes and deselect the Show Header option.

Tableau Donut Chart - Step 14.jpg

Step 15: Change the view from Standard to the Entire View.

Tableau Donut Chart - Step 15.jpg

It will change the view, as shown below.

Tableau Donut Chart - Step 15 - view

Step 16: Adjust the size of the 1st Marks card.

Tableau Donut Chart - Step 16.jpg

Step 17: Similarly, adjust the size of the 2nd Marks card.

Tableau Donut Chart - Step 17.jpg

Step 18: Drag and drop the Sales measure to the Label in the 2nd Marks card.

Tableau Donut Chart - Step 18.jpg

Your Tableau donut chart with one measure is now ready for use.

Examples

In this section, we will go through different examples demonstrating the Donut charts in Tableau.

Example #1 – Donut chart with multiple measures Tableau

In this example, we will demo creating a donut chart with multiple measures in Tableau by using the Superstore dataset. This dataset is available in Tableau and can be used to create the visualization.

Follow the instructions below to create the donut chart with multiple measures in Tableau:

Step 1: Follow the instructions as outlined in the “How to create a Donut chart section” to create the Donut chart.

Step 2: Once the chart is created, click on Label in the 2nd AGG(AVG(0)) and then click on the 3 dots next to the Text section.

Tableau Donut Chart - Example 1 - Step 2

Step 3: In the Edit Label window, provide the meaningful text to define the measure and click on OK.

Tableau Donut Chart - Example 1 - Step 3.jpg

It will add text to the Tableau donut chart labels inside, as shown below.

Tableau Donut Chart - Example 1 - Step 2 - donut chart

Step 4: Similarly, add other measures, such as Total Quantity Sold and Total Profit, by dragging the Profit and Quantity measures to the Label and following the steps outlined above. It will create the donut chart with multiple measures.

Tableau Donut Chart - Example 1 - Step 4.jpg

Example #2 – Multiple donut charts in Tableau

In this example, we will expand example 1 to demo multiple donut charts in Tableau. To create multiple donut charts, follow the instructions below:

Step 1: Create a donut chart following the instructions as outlined in Example 1.

Step 2: Drag the dimension Category to the Columns section. It will create multiple donut charts, as shown below.

Tableau Donut Chart - Example 2 - Step 2

Step 3: Adjust the size of the donut charts appropriately to fit the screen.

Tableau Donut Chart - Example 2 - Step 3.jpg

As you can see, three donut charts were created based on the values of the category.

Example #3 – Half donut chart in Tableau

For this demo, we have used the Vehicle Sales dataset containing Vehicle category, Sales volume, and total number of vehicles sold attributes.

You can create a half-donut chart in Tableau by following the steps below:

Step 1: Import the dataset to Tableau using the File Navigator.

Step 2: In the new worksheet, type 0 in the Rows section and hit Enter. Repeat the same step.

Tableau Donut Chart - Example 3 - Step 2.jpg

It will create axes, as shown below.

Tableau Donut Chart - Example 3 - Step 2 - axes

Step 3: Click on the down arrow next to the SUM(0) and choose Dual Axis.

Tableau Donut Chart - Example 3 - Step 3

It will create a dual axis as shown below.

Tableau Donut Chart - Example 3 - Step 3 - dual axis

Step 4: Expand All and select Marks Type as Pie.

Tableau Donut Chart - Example 3 - Step 4

A pie chart will be created as shown below.

Tableau Donut Chart - Example 3 - Step 4 - pie chart

Step 5: Change the view to Entire View.

Tableau Donut Chart - Example 3 - Step 5.jpg

Step 6: Adjust the size of the chart by expanding the 1st SUM(0) card. 

Tableau Donut Chart - Example 3 - Step 6.jpg

Similarly, you can adjust the 2nd Pie chart by expanding the 2nd SUM(0) card.

Tableau Donut Chart - Example 3 - Step 6. - 2nd chart

Step 7: Remove the Measure Name from the All Marks card.

Tableau Donut Chart - Example 3 - Step 7.jpg

Step 8: On the 2nd SUM(0), click on Color and select White background.

Tableau Donut Chart - Example 3 - Step 8.jpg

It will create a donut chart.

Tableau Donut Chart - Example 3 - Step 8. - donut chart

Step 9: Expand the 1st SUM(0) and drag the Vehicle Category to Color and Sales Volume to Angle.

Tableau Donut Chart - Example 3 - Step 9.jpg

Step 10: In the Vehicle Category, rearrange the categories.

Tableau Donut Chart - Example 3 - Step 10

Step 11: Double-click on the Total category – Total and choose White from Custom colors.

Tableau Donut Chart - Example 3 - Step 11.jpg

It will create a half-donut chart, as shown below.

Tableau Donut Chart - Example 3 - Step 11 - half donut chart

Step 12: Right-click on the axes and uncheck Show Header.

Tableau Donut Chart - Example 3 - Step 12.jpg

Step 13: Adjust the size as needed to accommodate the size as per below.

Tableau Donut Chart - Example 3 - Step 13.jpg

Example #4 – Double donut chart in Tableau

To create a double donut chart in Tableau, follow the instructions outlined below:

Step 1: Create two different donut charts following the steps outlined in previous examples.

Here, we have created 2 Donut charts, i.e., Donut chart by Segment and Donut chart by Category, in 2 different worksheets.

Example 4 - Step 1.jpg
Example 4 - Step 1 - category

Step 2: Click on the New Dashboard icon.

Example 4 - Step 2

Step 3: Drop the newly created sheets into the dashboard.

Example 4 - Step 3

Step 4: Click on the 2nd donut chart, i.e., Donut charts by Category, and click on the down arrow, i.e., More options.

Tableau Donut Chart - Example 4 - Step 2.jpg

Step 5: In the contextual menu, select Floating.

Example 4 - Step 5.jpg

It will create a floating card for the 2nd donut chart.

Example 4 - Step 5. - 2nd chart

Step 6: Right-click on the Title of the 2nd chart and select Hide Title.

Example 4 - Step 6.jpg

It will hide the Title of the chart.

Tableau Donut Chart - Example 4 - Step 6 - title

Step 7: Drag the 2nd chart to fit inside the 1st donut chart, as shown below.

Tableau Donut Chart - Example 4 - Step 7

Step 8: Change the view to Entire View and adjust the border lines to match the 1st donut chart. It will create a double donut chart, as shown below.

Tableau Donut Chart - Example 4 - Step 8.jpg

Example #5 – Concentric donut chart Tableau

To demonstrate the concentric donut chart, we have used the Sales Dataset. To create this chart, follow the steps outlined below:

Step 1: Import the dataset to Tableau using File – Open.

Step 2: In the new worksheet, drag the category to Color and change the Marks type from Automatic to Pie.

Example 5 - Step 2

Step 3: Drag the Revenue to Angle.

Example 5 - Step 3.jpg

Step 4: Type 0 in the columns section and hit Enter. 

Example 5 - Step 4.jpg

Repeat the same again

Example 5 - Step 4. - repeat

Step 5: Adjust the size of the Pie charts.

Example 5 - Step 5.jpg

Step 6: Drag the Sub-category to Color. 

Example 5 - Step 6.jpg

Step 7: Click on the down arrow next to SUM(0) and choose Dual Axis.

Example 5 - Step 7.jpg

It will create a merged Pie chart.

Example 5 - Step 7 - merged chart

Step 8: Swap the SUM(0) in the Rows section. This will change the Pie chart to the 1st one.

Example 5 - Step 8.jpg

Step 9: Change the view from Standard to Entire View and adjust the size of the Pie chart.

Example 5 - Step 9.jpg

Step 10: Drag the Sub-category to the Label.

Example 5 - Step 10.jpg

Step 11: Drag Category to Label.

Example 5 - Step 11.jpg

Right-click on the axis and uncheck the Show Header.

Example 5 - Step 11 - axis.jpg

Step 12: It will create the Concentric Donut chart in Tableau.

Example 5 - Step 12

Important Things to Note

  • Too many categories or dimensions may clutter the Donut chart making it complex to use for data analysis.
  • Ensure that you apply Tableau donut chart labels inside and chart formatting for effective data representation.
  • Follow the Tableau donut chart tutorial to build your understanding of further details.

Frequently Asked Questions (FAQs)

1. Can I customize the appearance of a Tableau donut chart?

Yes, you can customize the appearance of a Tableau donut chart. They include:

• Customize the color of the chart per your display requirements
• Adjust the size of the chart to fit your screen layout
• Add data labeling for measures and dimensions
• Add tooltips to display additional information
• Other Formatting options: Add other formatting options such as transparency, borders and lines, background, etc.

2. What are the benefits and drawbacks of a Tableau donut chart?

The benefits and drawbacks of a Tableau donut chart include:

Tableau Donut Chart - FAQ 2.jpg

3. What are some best practices for using Tableau donut charts?

Some of the key best practices for using Tableau donut charts include:

• Limit the categories to an optimal number (max 4-6) to ensure the readability of the chart
• Where applicable, make sure you apply Tableau donut chart labels inside with tooltips and color for easy data representation
• Use the central hole portion to convey additional information about the chart
• Consider using alternative charts such as Pie or Bar or Line charts depending on your dataset
• Refer to the Tableau donut chart tutorial to follow the steps for your visualization purpose.

4. How can I animate a Tableau donut chart?

While Tableau doesn’t have any built-in feature to support the animation of the Donut chart, there are a few workarounds that include:

• Use of external tools for creating animations
• Use data filters, cross-highlights or even creating multiple views with variations that create a view of animation in Tableau.

This has been a guide to Tableau Donut Chart. Here we explain how to create a donut chart with multiple measures in Tableau with examples, features, and points to remember. You can learn more from the following articles –

Reader Interactions

Leave a Reply

Your email address will not be published. Required fields are marked *