Heatmap Chart – QBeeQ | Documentation

The Heatmap Chart visualizes the relationship between two categorical dimensions using color intensity to reveal patterns, peaks, and anomalies at a glance.

The Heatmap Chart makes tracking volume-based data like support ticket volume by team and day, comparing sales performance across regions and products, or identifying usage patterns over time, making high and low values immediately obvious. Available in a flat tile grid or a range of radial arc shapes, the Heatmap Chart adapts to your data story and your dashboard layout.

Apply conditional coloring with a meaningful range to ensure the color gradient accurately reflects your data distribution.

📄

Release Notes for the Heatmap Chart can be found here.

Installation and configuration

The Radial Heatmap plugin can be installed by an Admin, following the directions in Installing QBeeQ Plugins.

Operating system and version support:

Linux - Latest

Windows - Latest

Creating a Radial Heatmap

To create a new Radial Heatmap:

Choose QBeeQ Radial Heat from the widget dropdown list

Select data for the x-axis, y-axis, and values

Apply conditional coloring

Configure settings

Select data

Use the data panel to select columns to display on the x-axis and the y-axis of your chart. Next, select a column to display values.

For best results, use dimensions with a manageable number of distinct values on each axis. Very high cardinality on either axis can make the chart difficult to read.

Apply conditional coloring

By default, the heatmap will display in a single color until you define a color range.

Click the conditional coloring option on the values data pane

Select Manual configuration

Configure the color range based on the options available

Configure settings

Setting	Description	Notes
Chart Shape	Defines the shape of the chart	See Chart shapes section. Available shapes: Tile Mode/Flat, 30°, 60°, 90°, 120°, 150°, 180°, 210°, 240°, 270°, 360°
X-axis Label Setting	Controls the width of the X-axis labels in pixels
Y-axis Label Setting	Controls the width of the Y-axis labels in pixels
X-axis Label Color	Defines the text color of the labels on the X-axis
Y-Axis Label Color	Defines the text color of the labels on the Y-axis
Display Row Totals	Displays a totals column on the right side of the chart showing the sum for each row. Available in Flat/Tile shape only.	See Row and column totals section. ℹ️ Only available when Tile Mode/Flat shape is selected.
Display Column Totals	Displays a totals row at the bottom of the chart showing the sum for each column. Available in Flat/Tile shape only.	See Row and column totals section. ℹ️ Only available when Tile Mode/Flat shape is selected.
Row/Column Fill Color	Sets the background color of the totals row and column cells. Visible when Display Row Totals or Display Column Totals is enabled.	ℹ️ Only available when Display Column Totals is enabled.
Display Cell Values	Displays the formatted value inside each data cell. Available in Flat/Tile shape only.	See Cell values section. ℹ️ Only available when Tile Mode/Flat shape is selected.
Cell Values Text Color	Sets the text color of the values displayed inside totals cells. Visible when Display Row Totals or Display Column Totals is enabled.	ℹ️ Only available when Display Cell Values is enabled.

Chart shapes

The Heatmap Chart supports multiple shape configurations, ranging from a flat tile grid to a variety of radial arc styles. Select the shape that best fits the story your data is telling and the space available on your dashboard.

In Tile Mode/Flat, data is displayed as a standard rectangular grid, ideal for straightforward cross-tabular analysis.

The radial shapes (30° through 360°) bend the chart into an arc or full circle, which can be useful for cyclical data or compact dashboard layouts.

Row and column totals

Enable Display Row Totals to add a summary column on the right side of the chart showing the aggregated sum for each row.

Enable Display Column Totals to add a summary row at the bottom showing the sum for each column.

ℹ️

Both options are available only when the chart is set to Tile Mode/Flat shape.

When either totals option is enabled, use the Row/Column Fill Color setting to customize the background color of the totals cells, helping them stand out visually from your data cells.

Cell values

Enable Display Cell Values to show the formatted data value inside each cell of the heatmap.

ℹ️

This setting is available only when the chart is set to Tile Mode/Flat shape.

This is useful when the color encoding alone isn't sufficient for precise reading, for example, in printed reports or dashboards where users need exact figures at a glance. This setting is available only when the chart is set to Tile Mode/Flat shape.

When cell values are displayed, use the Cell Values Text Color setting to ensure the text is legible against your chosen conditional color range.

Using the Heatmap Chart

Tooltips

Viewers can hover over any cell to display a tooltip. The tooltip will include the values from the data selected for the X-axis, Y-axis, and Value.

Limitations

The Heatmap Chart does not support Click-to-Filter or JTD.

Chart-native tooltips are enabled by default and cannot be disabled.