# 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%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2FFz7OyZmiaeIhWoNwrPIg%2FHeatmap%20ChartV.2%208.6.mp4?alt=media&token=5d3a2235-fc13-4c04-b3af-4192ef02e471>" %}
***Properties for the Heat Map chart***
{% 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://2350624874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2F7AeBQA0S2vSC8VSYs7jj%2Fimage.png?alt=media&#x26;token=4124ba17-4b0c-4242-b263-00940334cbe4" 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**:  Data label gets displayed by using a checkmark in the given box,​\
  its always show 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;

<figure><img src="https://2350624874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2FFXkGqWn81LF1r0t1P4B5%2Fimage.png?alt=media&#x26;token=8f8b3d07-b70f-4c93-9707-b3d4353feaa8" alt=""><figcaption></figcaption></figure>

* **Frequency Bar:** By enabling this option the Frequency Bar gets displayed on the right side of the chart.

<figure><img src="https://2350624874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2Fge66vnAok8R2nZkRyg3H%2Fimage.png?alt=media&#x26;token=30da6ad6-dfc7-4bfb-937c-c423c3e1deb2" alt=""><figcaption><p><em><strong>General Settings Properties for Heat Map chart</strong></em></p></figcaption></figure>

### Frequency Range

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

<figure><img src="https://2350624874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2FpUrAxR2m3ADNPk7gWhB5%2Fimage.png?alt=media&#x26;token=2e372994-954c-47e4-abd1-bbd7997bd2bb" alt=""><figcaption></figcaption></figure>

### 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.​

### **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)​

<figure><img src="https://2350624874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2FrdBU6Q17ZjML1HaQXYdf%2Fimage.png?alt=media&#x26;token=a2724605-bdb3-4acd-aae7-7071af157e28" alt=""><figcaption></figcaption></figure>

### **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 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://2350624874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvIDgRfkRB1bQpGtEDFfQ%2Fuploads%2F7aULHce6PPXAZiRC660m%2Fimage.png?alt=media&#x26;token=fea55f4d-17bf-4947-8c78-b3fc5ae34dd2" alt=""><figcaption><p>Modified Heat Map chart</p></figcaption></figure>