> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/self-service-visualization-5/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-5/chart-gallery/dissolution-decomposition-chart.md).

# Dissolution/Decomposition chart

{% hint style="success" %}
*Check out the illustration on how to use the Dissolution/Decomposition chart.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FGGDYEslI8JWh435BCdXQ%2FDecomposition%20chart.mp4?alt=media&token=dd0912dc-6b3f-478f-90cc-8d734e07cd7e>" %}
***View by applying Decomposition/ Dissolution chart Properties***
{% endembed %}

The dissolution chart lets you visualize data across multiple dimensions. It automatically aggregates data and enables drilling into your dimensions in any order. The visualization requires two types of input:

* **Dimension/ Measures:** The metric you would like to analyze. It must be a measure or an aggregate.
* **Others:** One or more dimensions you would like to drill down into (The maximum dimension that can be used is 7).

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2Fu8SrfnIQexKjJvgJxSLH%2Fimage.png?alt=media&amp;token=9db18cfa-4a21-45ce-819c-f9c7cb97ad95" alt=""><figcaption><p><em><strong>Default View with Decomposition chart</strong></em></p></figcaption></figure>

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

You can access the chart-specific properties from the Design page. It gets listed under the ***Chart Properties*** icon on the right-top panel.

### **General Settings**

* **Exclude Global Filter**: The view gets excluded from the Global Filter condition by putting a checkmark in the box.
* **Aggregation Type**: The selected aggregation type gets applied to the chart. The supported aggregation types are ***Percentage*** and ***Count***.
* **Maximum Nodes**: Set maximum nodes for the Sankey chart.
* **Node Height:** Set Node Height by using this properties field.
* **Label Font Size**: Set the Label Font Size using this properties field.
* **Font Style**: Select a Font Style by selecting an option from the drop-down menu. The supported options are Normal and Italic.
* **Font Weight:** Select an option from the drop-down menu to display the Font weight. The supported options are Normal, Bold, 300, 600, 900).
* **Show Context Levels:** Enable this option to display the context levels based on the user's choice. After enabling this option, the user can right-click on the first node. All the selected Dimensions are listed in the displayed context menu. The user can select a dimension from the context menu to display it as the next level.

{% hint style="success" %}
*Check out the given illustration on how to use the Show Context Levels properties option.*&#x20;
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2Fve0rvaX1s2UzFj6VeFZ9%2FShow%20Context%20levels.mp4?alt=media&token=b2c60c60-bad8-4395-8ee6-91516bf91d21>" %}
***Show Context Levels***
{% endembed %}

* **Animation:** If the Animation option is enabled, the View will display in an animated format or if disabled it will be static at the position.

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FwoMyjUstIcvWgCAqjZ7U%2Fimage.png?alt=media&amp;token=38ba4636-0000-487f-a338-16f409fca11d" alt=""><figcaption><p><em><strong>General Settings</strong></em></p></figcaption></figure>

### **Color**

* **Node Color**: Select a node color using the color pallet.
* **Fill  Color**: Select a fill color using the color pallet.
* **Label  Font Color**: Select a Label Font Color using the color pallet.
* **Label Value Font Color**: Select a Label Value Font Color from the color pallet.

### **View Filter**

* **Filter**: Select a filter condition using the drop-down menu.

### Format

* **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 precision value by using this property field.

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FEIRXqTxyWrfSlTZSngXZ%2Fimage.png?alt=media&amp;token=fa712b5c-4927-4c7e-bbc1-b51479e92652" alt=""><figcaption><p><em><strong>Color, View Filter, and Format 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\*).*
* **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%2FLmm6abTX5RL9GwAIkgHp%2Fimage.png?alt=media&amp;token=7d801e6f-cc91-44bd-ac4a-5a5de2de6c27" alt=""><figcaption><p><em><strong>Insights Properties</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%2FN9UnBFWPvRDfefqdGeX9%2Fimage.png?alt=media&amp;token=243a3772-1da5-488b-bffa-9117365bcb52" alt=""><figcaption><p>Modified View after applying various Decomposition/ Dissolution Properties</p></figcaption></figure>

## **Series Properties**&#x20;

* Click the ***Series Properties*** provided next to the measure name.
* A new window opens.
* Configure the required details:
  * **Aggregation**-select an aggregation using the drop-down menu (By default, it displays the second aggregation type which is **Sum.**)
  * **Display Name**- provide a name to be displayed in the legend.
* The configured ***Series Properties*** gets applied to the chart.​&#x20;

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F0LFsr47X6dDKGJUGYXXb%2Fimage.png?alt=media&amp;token=b6317e47-4660-4b64-a80d-63b74b02308f" alt=""><figcaption><p><em><strong>Applying/ Modifying Series Properties</strong></em></p></figcaption></figure>
