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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/self-service-visualization-5/chart-gallery/heat-map-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.