> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/self-service-visualization/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/self-service-visualization/chart-gallery/heat-map-chart.md).

# Heat Map chart

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​

## **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.
* **Frequency Bar:** By enabling this option the Frequency Bar gets displayed on the right side of the chart.

<figure><img src="https://2340960528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb3U3HdVsN1h9bZt2fgoH%2Fuploads%2FMOSWLZJ6GwvET3oTXQ5T%2Fimage.png?alt=media&amp;token=89259922-fc0c-4429-8520-268275f3de59" alt=""><figcaption></figcaption></figure>

### Category Axis​

* **Title**: Provide a title for the 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).​
* **Currency Type**: Select a currency symbol to be displayed in the view (the provided options for this field are: None, Euro, Rupees, 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\*).*
* **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://2340960528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb3U3HdVsN1h9bZt2fgoH%2Fuploads%2FFc6aagXdF9IVXlMNDXen%2Fimage.png?alt=media&amp;token=f8e980ed-40a1-4d6b-a53d-9f134548ac14" alt=""><figcaption></figcaption></figure>
