# TreeMap chart

{% hint style="success" %}
*Check out the given walk-through on how to set the TreeMap chart properties.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FjMR8JW7qVDRl66Y7FXA3%2FTreeMap%20Properties.mp4?alt=media&token=d2c79743-248a-4169-a0b0-ecc77270e745>" %}
***Applying TreeMap Properties***
{% endembed %}

The Tree Map charts are mainly used to demonstrate vast amounts of classified data. It can be the best choice when users want to view all their hierarchical data at one time. Each rectangle represents a branch in a tree, and it also shows how much data it comprises. The size and position of the boxes are based on the quantitative variable used for the chart. Patterns across the data can be identified using the size and colour of the boxes.

* **The best situation to use TreeMap:** To view all the hierarchical data at one time.
* **Variations of this chart:** Each rectangle can be coloured differently so the user can understand by a glance how the hierarchical data is structured.

<figure><img src="/files/20Pn1sjY25aE4dN61t5M" alt=""><figcaption><p><em><strong>Default View of Tree Map chart</strong></em></p></figcaption></figure>

## **Properties** <a href="#properties" id="properties"></a>

### **General Settings**

* **Order**: Select a sequence for displaying data

  * None
  * Ascending
  * Descending
  * Manual Sort

  ​
* By selecting an order (ascending or descending), users will be required to configure the following fields:

  * **Order By**- Select a value option from the drop-down menu to order the sequence of the data
  * **Limit**- Set a number to display the requested data by this limit

  ​
* **Exclude Global Filter**: The view gets excluded from the Global Filter condition by turning on the radio button
* **Show Data Label**: Data label gets displayed by turning on the radio button
* **Gradient:** Enable or disable the colour gradient effect on the chart by using the checkmark in the box.
  * By enabling the ***Gradient*** option, the user gets redirected to select ***Start Color*** and ***End Color*** from the respective menus.
  * By disabling the ***Gradient*** option, the user gets redirected to select ***Color*** for the ***Tree map sections***.

### **View Filter**

* **Filter**: Select a filter condition using the drop-down menu (E.g., ‘Source’ is the selected filter condition in the following image).

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> The selected **View Filter** option will be reflected to customise the View data after adding the View to report.*
{% endhint %}

### **Axis**

* **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).

&#x20;      E.g., The below-given image displays the Sum of Experience sliced based on Team.

<figure><img src="/files/mirdlN92X8xfO2vRWGYV" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/kYDK8PLZM9087YsGMGHz" alt=""><figcaption><p><em><strong>Modified View of TreeMap after applying General Settings, View Filter, and Axis Properties</strong></em></p></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\*).
* **Text align:** There are three alignments to align the text.
  * Left
  * Right
  * Centre
* **Position:** There are two options to position the text.
  * Bottom
  * Right

&#x20;             ![](/files/tjNAx9tA0TD8RZXuwl17)

<figure><img src="/files/k421699CfumhTLo3Ql9c" alt=""><figcaption><p><em><strong>Further modified TreeMap View displaying Insights 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-3/chart-gallery/treemap-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.