Documentation

The Heatmap widget visualizes metric intensity across dimension values using a color gradient — making it easy to spot top and bottom performers at a glance. The use cases below show how to add and use it.

Build your heatmap

1. Add a Heatmap widget to your dashboard

Display a color-coded grid where cell intensity reflects metric values across dimension rows.

1. Open your dashboard in edit mode.
2. Click Select a default data table in the header and choose your data source (e.g. cross_channel_automated_recipe).
3. In the widget toolbar, click the More (…) button and select Heatmap from the dropdown.
4. In the Properties Panel, select a dimension for the rows (e.g. campaign_name) and a metric for the values (e.g. Spend).
5. Close the Properties Panel.

Result: The heatmap renders a grid of colored cells. Higher values appear greener (high-end color), lower values appear redder (low-end color), and zero-value cost cells appear grey.

Explore data

2. Understand the color gradient and interact with cells

Read metric intensity from cell colors and click cells to cross-filter other widgets on the dashboard.

1. Review cell colors to identify top and bottom performers — greener cells have higher values, redder cells have lower values.
2. Exit edit mode by clicking Done.
3. Click any colored cell in the heatmap.
4. An interaction bar appears at the top of the dashboard showing the selected dimension value (e.g. the campaign name).
5. Other widgets on the dashboard update to show data for only the selected dimension value.
6. Click X on the interaction bar to clear the filter and return all widgets to their full dataset.

Result: Cell clicks apply a cross-widget filter across the dashboard. This makes the heatmap useful for drilling into specific campaigns, channels, or other dimension values.

Note: The cross-widget filter only affects other widgets that share the same data source. If no other widgets are present, the interaction bar still appears but has no visible effect on the dashboard.