# Heatmap

The "Heatmap" widget visualizes values through color areas on a map.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FFmRVlX1iauG4CLDrICV4%2F8C4CAE4F-CB91-4A52-8DC5-617B91C8BE8D.png?alt=media&#x26;token=d7dafd08-8faf-4aa0-baba-5e895c19c1a5" alt=""><figcaption><p>The "Heatmap" widget</p></figcaption></figure></div>

## When should this display be used?

This display is well-suited for recognizing and clearly visualizing patterns in complex data. One possible application would be, for example, the visualization of the presence of people in one or more buildings.

## Overview

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2Fn5ipymOkYmqBz7MnfjVF%2F3951B30D-3E7C-44A0-8BA9-E028704F26FB.png?alt=media&#x26;token=a662d244-af83-41c8-99f0-b36da00f5f73" alt=""><figcaption></figcaption></figure></div>

<table data-full-width="true"><thead><tr><th width="69.73332722981769"></th><th width="272.20001220703125"></th><th></th></tr></thead><tbody><tr><td><strong>[A]</strong></td><td>Title</td><td>Is influenced by the primary asset</td></tr><tr><td><strong>[B]</strong></td><td>Icon</td><td></td></tr><tr><td><strong>[C]</strong></td><td>Visualizations of asset values</td><td>Each of the three color dots represents values from one asset</td></tr><tr><td><strong>[D]</strong></td><td>Zoom in</td><td>Enlarges the map display</td></tr><tr><td><strong>[E]</strong></td><td>Zoom out</td><td>Reduces the map display</td></tr><tr><td><strong>[F]</strong></td><td>Home view</td><td>Switches to the home view</td></tr><tr><td><strong>[G]</strong></td><td>Current location</td><td>Switches to the user's current location.<br>Caution: BuildingPro Suites needs permission to access the user's location for this</td></tr><tr><td><strong>[H]</strong></td><td>Center assets</td><td>Displays all assets present in the widget</td></tr></tbody></table>

## Configuration

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FDND4IPgAR9JVWncJoDvt%2F9C675EB0-758E-418B-A2B9-90DC4D8F6617.png?alt=media&#x26;token=6cc964c5-f9fb-44a8-9132-8dbea823632b" alt=""><figcaption></figcaption></figure></div>

1. Make sure you are in the "Dashboard" menu
2. Click on "Add widget"
3. Click on "View"
4. Click on "Heatmap"
5. Select the primary asset. The name of this asset will appear in the title bar of the widget **\[A]**.
6. Choose whether the color coding should be static or dynamic **\[B]** Static: The calculation of the value range is done automatically Dynamic: You can set the value range manually
7. Select an asset that you want to add
8. Select an attribute for the asset **\[C]** \[Note: This field only appears after you have completed the previous step]
9. (Optional) Give the asset an individual title **\[D]**
10. Choose whether the current value or an aggregated value should be displayed **\[E]**
11. Add more assets if necessary **\[F]**
12. Optional: Choose how much space your new widget should occupy on the dashboard **\[H]**
13. Click on "Add widget" **\[G]**