Skip to main content




Power BI Heat Map is useful for displaying data along with colors. By seeing the color, one can easily understand the gains. Let me show you how to create a heat map in Power BI with an example.

For this Power BI Heatmap demo, we will use the SQL data source that we created in our previous article. Therefore, see the article Connect Power BI to SQL Server to understand the Power BI data source.

How to create a heatmap in Power BI

To create a Power BI heatmap, first, click on the Matrix below the Display section. Automatically creates an array with dummy data.

heat-map-in-power-bi-1-8543031

Then drag and drop the English country region name into the column group and the product color into the row group. Now, you can see an array with no values.

heat-map-in-power-bi-2-1202057

Next, let me drag the Sales Amount to the Values section. Automatically enable row totals and grand totals

heat-map-in-power-bi-3-9659905

Click on the Format to convert this matrix to a heat map in Power BI. I suggest you refer to the Formatting an array article to understand the formatting options.

heat-map-in-power-bi-4-9494587

First, go to Grid Section. As you can see in the screenshot below, we changed the row padding to 18 and the text size to 15

heat-map-in-power-bi-5-2471063

By toggling the row subtotals, the column subtotals below the Subtotals in Off, you can remove Totals entirely. So let me remove them

heat-map-in-power-bi-6-9095888

The Power BI Heatmap column header section helps us modify the headers. As you can see in the screenshot below, we changed the font family to Cambria. Then outline up + down (the outline is added to the top and bottom of a heading), the text size to 22, and the heading text to center alignment.

heat-map-in-power-bi-7-5231981

The Power BI Heatmap row header section helps us to format the row headers section. Here, we change the scheme to left + right (scheme added to the left and right of the header column, that is, color). Next, Font Family to Cambria, Text Size to 22, and text center alignment.

heat-map-in-power-bi-8-6403525

Power BI heatmap example

To connect that matrix to the Power BI heat map, go to Conditional format section to add colors to the Matrix Numeric column.

As you can see from the screenshot below, we select the Sales Amount as the field and change the background color scale property to On. Add a default color to the array. I mean, default color for Power BI Heatmap.

heat-map-in-power-bi-9-9154517

Change the color of the Power BI heatmap

To change the color of the Power BI heatmap, click the Advanced option. The following window will open. If you are interested in two colors, please select the minimum color and the maximum color.

heat-map-in-power-bi-10-9856777

We mark the Divergent option. Next, we select some random colors as the minimum, center and maximum values.

heat-map-in-power-bi-11-5783848

You will now see the Power BI heatmap with the selected colors.

heat-map-in-power-bi-12-9324903




Power BI Heat Map is useful for displaying data along with colors. By seeing the color, one can easily understand the gains. Let me show you how to create a heat map in Power BI with an example.

For this Power BI Heatmap demo, we will use the SQL data source that we created in our previous article. Therefore, see the article Connect Power BI to SQL Server to understand the Power BI data source.

How to create a heatmap in Power BI

To create a Power BI heatmap, first, click on the Matrix below the Display section. Automatically creates an array with dummy data.

heat-map-in-power-bi-1-8543031

Then drag and drop the English country region name into the column group and the product color into the row group. Now, you can see an array with no values.

heat-map-in-power-bi-2-1202057

Next, let me drag the Sales Amount to the Values section. Automatically enable row totals and grand totals

heat-map-in-power-bi-3-9659905

Click on the Format to convert this matrix to a heat map in Power BI. I suggest you refer to the Formatting an array article to understand the formatting options.

heat-map-in-power-bi-4-9494587

First, go to Grid Section. As you can see in the screenshot below, we changed the row padding to 18 and the text size to 15

heat-map-in-power-bi-5-2471063

By toggling the row subtotals, the column subtotals below the Subtotals in Off, you can remove Totals entirely. So let me remove them

heat-map-in-power-bi-6-9095888

The Power BI Heatmap column header section helps us modify the headers. As you can see in the screenshot below, we changed the font family to Cambria. Then outline up + down (the outline is added to the top and bottom of a heading), the text size to 22, and the heading text to center alignment.

heat-map-in-power-bi-7-5231981

The Power BI Heatmap row header section helps us to format the row headers section. Here, we change the scheme to left + right (scheme added to the left and right of the header column, that is, color). Next, Font Family to Cambria, Text Size to 22, and text center alignment.

heat-map-in-power-bi-8-6403525

Power BI heatmap example

To connect that matrix to the Power BI heat map, go to Conditional format section to add colors to the Matrix Numeric column.

As you can see from the screenshot below, we select the Sales Amount as the field and change the background color scale property to On. Add a default color to the array. I mean, default color for Power BI Heatmap.

heat-map-in-power-bi-9-6359970

Change the color of the Power BI heatmap

To change the color of the Power BI heatmap, click the Advanced option. The following window will open. If you are interested in two colors, please select the minimum color and the maximum color.

heat-map-in-power-bi-10-9856777

We mark the Divergent option. Next, we select some random colors as the minimum, center and maximum values.

heat-map-in-power-bi-11-8241958

You will now see the Power BI heatmap with the selected colors.

heat-map-in-power-bi-12-1158777
R Marketing Digital