Using heatmaps | Honeycomb

We use cookies or similar technologies to personalize your online experience & tailor marketing to you. Many of our product features require cookies to function properly.

Read our privacy policy I accept cookies from this site

Using heatmaps

New to running queries in Honeycomb? Check out the introduction to building queries!

Heatmaps are a visualization that shows the statistical distribution of the values in a dataset column over time.

Take the graph below, which shows the statistical distribution of duration_ms over the selected time period:

Example heatmap visualization

Each of the vertical columns in that graph is a histogram for that time bucket. The color is chosen based on the number of events fall into that time and value, pale teal at the low end, dark blue at the high end. For example, there are many events that took almost 1.0k ms, but few events that took between 0 and .5k ms.

How to make a heatmap  🔗

To add a heatmap to a query, click in the Calculate clause and scroll down:

gif of how to add a heatmap

When to use them  🔗

Heatmaps look best when you have a lot of events to visualize, and where the spread of values is wide enough to see some differentiation, but not complete noise.

Any column representing a duration or size is a perfect fit, but any column you might run a percentile or average calculation on may benefit from being rendered as a heatmap as well.

The Rollover  🔗

The rollover for heatmaps is different than for the normal line and stacked graphs:

time bucket for heatmaps

“This time bucket” shows you what the histogram is for the column under the time bar. You can see those outliers represented as small bumps on the right hand side of the histogram, while “Entire time range” shows you the merged histogram for all data within the time range displayed in the graph. Note the different X and Y axes for these histograms.

The Histogram  🔗

In the results view, a heatmap shows a histogram as its summary row. The histogram is similar to the “entire time range” – it shows the distribution of the values across all the data.

How heatmaps interact with other features  🔗

Group By  🔗

One of the most powerful features of Honeycomb is the ability to group results based on values in columns. Heatmaps work well with this. Take the query below, where we’ve grouped by customer. By default the heatmap of all customers is shown (approximating what you’d see if you did the query without grouping.)

breaking down with a heatmap

Note that the rollover and results table below display independent histograms for each group. This makes it especially easy to see the reason for the bimodal distribution: while all customers are in the lower-valued of the two peaks, only Value Walking and Bicycles Green are in the higher.

Just as we highlight the corresponding line in line graphs as you mouse over the summary table, we also show the heatmap corresponding to that group:

highlighting in a heatmap

You can clearly see the difference between the top two customers and everyone else: those customers have higher durations, near the upper part of the heatmap, while the other customers are closer to 0.9k.

Tracing  🔗

For tracing-enabled datasets, clicking on a cell in the histogram will choose an arbitrary trace that corresponds to the cell: that is, it has a span that fulfills the WHERE clause, started at that time, and has that value. For example, if the user were to click in the group by image above, they would see a trace at 11:51 with a span of duration 2.0k.

BubbleUp  🔗

Once you have a Heatmap, you can use it to identify how values differ. See the documentation on BubbleUp to learn more.

Handling Outliers  🔗

If a heatmap has outlier values, it may be helpful to use a logarithmic scale to visualize them.

There is a bug in the Graph Settings “Log Scale” button that causes it to work poorly with heatmaps. Please use a derived column with the value LOG10($column); the technique is illustrated at the blog entry Handle Unruly Outliers with Log Scale Heatmaps.