How To Create a Heat Map Chart in Tableau Online

How To Create a Heat Map Chart in Tableau Online

  • Orchestration
6 minute read Updated May 11, 2020

TL;DR Summary: Create a heat map chart in Tableau Online to visualize data density and trends using the Superstore Datasource. The guide details steps to create the chart, focusing on average sales and profits by city.

  • Utilize the density chart type for effective data representation.
  • Adjust axes to enhance clarity and insight into specific data points.

In the chart below, the data points are too close together—a common problem that prevents you from reading the chart and gaining any intelligent meaning.

A heat map solves this problem by adding color to illustrate where individual points overlap. The color changes or intensifies as the number of data points in a region increases. The heat map also lets us put an additional metric on the otherwise 2-dimensional chart.

So, let’s look at how you can create a heat map in your Tableau Online chart.

Tableau Online chart

Creating a heat map

To make a simple heat map, open Tableau Online and create a new worksheet. Choose the Superstore Datasource, which is included with Tableau.

new worksheet

Now go to the worksheet editor:

Worksheet editor

We want to figure out which sales offices are producing the highest sales and profits. We need to look at both sales and profits together. This is because, for examples, sales can be high while profits low, which may indicate that the sales office is giving too many discounts or operating at too high a cost.

So, we plot three metrics:

  • Average sales
  • Average profit
  • Office location (city)

Drag sales to columns and profit to rows. Change SUM() to AVE(Sales) and AVE(profit). Then drag city onto the detail mark. Then change the chart type to density.

We then get this heat map:

Heatmap

Of course, the data is still too close together to read all the data points. But that is not the point in this exercise: if we wanted to read individual metrics, we could have made a cross table with just text. Instead we use the heat map to identify both outliers as well as the profitability at which most offices are operating.

To drill in to read single office details, click on the chart to get the data point located there.

Chart

To zoom into an area, thus removing the outliers, we can adjust the axes by setting the axis range to fixed and entering a value there.

Heatmap settings

That results in a chart zoomed into a closer level like this. Now we can click on the data points in that zoomed-in region to more closely inspect that tightly packed region.

Heatmap Zoomed in region

We could also drop the cities, only look at the states, but then there is less need for a heat map—that chart would not be as dense.

Heatmap Results

These postings are my own and do not necessarily represent BMC's position, strategies, or opinion.

More from Orchestration

Subscribe to The Brief

By registering for this offer you are confirming that you have read and agreed to BMC’s Privacy Policy.

Thank you

You have subscribed to The Brief
The Brief covers the mainframe and enterprise orchestration—BMC AMI and Control-M—and the analyst research, customer deployments and events across both.