# Heat Map chart

{% hint style="success" %}
*Check out the given illustration on Heat Map Properties.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FURPM3VThFNDTGmRPmYPD%2FHeat%20Map%20chart.mp4?alt=media&token=b7d2388c-7e90-46f2-829f-9024a7cbdbf9>" %}
***Applying Heat Map chart properties to a View***
{% endembed %}

Heat Map Chart, or Heatmap is a two-dimensional visual representation of data, where values are encoded in colors, delivering a convenient, insightful view of information.​

Essentially, this chart type is a data table with rows and columns denoting different sets of categories. Each cell in the table can contain a numerical or logical value that determines the cell color based on a given color palette. ​

**​Best Situations to Use a Heat Map chart: ​**

&#x20;     Funnel charts are suitable for displaying sales conversation data.​

**Examples:​**

* To evaluate the success of a promotional campaign​
* To analyze the recruitment process​

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F5TEhXAKiH8oImp5Xa2uB%2Fimage.png?alt=media&#x26;token=1d077234-32b0-4130-8d41-22ab28dbdd76" alt=""><figcaption><p><em><strong>Default View of the Heat Map chart</strong></em></p></figcaption></figure>

## **Properties**

### **General Settings​**

* **Exclude Global Filter**: The view gets excluded from the Global Filter condition by putting a checkmark in the box.​
* **Animation**: Chart animation is a technique used to enhance the visual appeal of a chart by adding movement and transition effects.​
* **Base Type**: This option will give the visual appeal of a chart by adding some color gradients to the cells.​
  * Plain ​
  * Gradient 1​
  * Gradient 2​
  * Gradient 3​
* **Opacity:** Opacity is a property of an object's style that determines its level of transparency. It is typically represented as a value between 0 and 1, with 0 being completely transparent and 1 being completely opaque.​
* **Show Text on Cell**: The data label gets displayed by using a checkmark in the given box,​\
  It always shows in the cell.​​
  * **Text Color**: Select the text color.
  * **Text Font Size**: Set the Font Size of the text displayed in the cell.
* **Show Legend**: By enabling this option Legend gets displayed.    &#x20;
* **Frequency Bar:** By enabling this option the Frequency Bar gets displayed on the right side of the chart.

&#x20;

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2Fm0iKB4SGohE15CJ1VNKx%2Fimage.png?alt=media&#x26;token=6178ec55-e1b7-47fa-8955-8069c4160a25" alt=""><figcaption><p><em><strong>General Settings</strong></em></p></figcaption></figure>

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2Fxykut1g2Nl0Udva0IKDX%2Fimage.png?alt=media&#x26;token=a4d2736f-ae7d-495f-b477-a4f5f1433bb2" alt=""><figcaption><p><em><strong>Frequencey Bar</strong></em></p></figcaption></figure>

### Frequency Range

* Use the ***Add Range*** option to add a new range in the Heat Map chart.
  * Pre-selected to and from limits will be also added to the newly added range.

### View Filter

* ***Filter***: Select a filter value from the drop-down menu.

### Category Axis​

* **Title**: Provide a title for the X-axis. ​
* **Axis Labe**l: Enable the Category Axis label by putting a checkmark in the box.​
* **Label Angle**: Select a display angle for the axis label.​

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FHYJ0uuydIXNr57htO93Z%2Fimage.png?alt=media&#x26;token=0663ea83-b8e3-41ff-a7cb-58aa28715634" alt=""><figcaption></figcaption></figure>

### **Value Axis**

* **Title:** Provide a title for the Primary Value Axis.​
* **Axis Label**: Enable the Primary Value Axis label by putting a checkmark in the box.​
* **Format Type**: Select a desired format type from the drop-down menu (the provided options for this field are: None, Auto, Percent, Thousand, Lacs, Crore, Million, Billion, Trillion, Quadrillion).
* **Currency Type**: Select a currency symbol to be displayed in the view (the provided options for this field are: None,  Rupees, Euro, Pound, USD, Yen, Cent).
* **Precision**: Set the after-decimal value (It displays up to 5 precision)​

### **Insights**

* **Text:** *Provide any information regarding the chart. If any digit or character is required to be highlighted, put it inside two asterisks. (E.g., \*70%\* or \*skills\*).*
* **Font Size:** Set/modify the Font Size of the Insights text.
* **Font Color:** Select a Font color for the Insights Text.
* **Text align:** There are three alignments to align the text.
  * Left
  * Right
  * Centre
* **Position:** There are two options to position the text.

  * Bottom
  * Right

  <figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FvAKF5lZHLdNiW4AIfcf0%2Fimage.png?alt=media&#x26;token=2979d82f-b175-4eec-af7e-1b7a5a22f6e6" alt=""><figcaption></figcaption></figure>

  <figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F2gKIISG8AI0MKoX3MYYq%2Fimage.png?alt=media&#x26;token=a7c2a292-c750-4f79-bbee-ff6628e79e0c" alt=""><figcaption><p><em><strong>Modified View after applying Heat Map Properties</strong></em></p></figcaption></figure>
