> 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/bubble-chart.md).

# Bubble chart

A Bubble chart visualizes the data set in three of four dimensions. The first two aspects are used as coordinates like the x-axis and y-axis. The remaining two are used to represent the color and size of the bubbles. Mostly used to plot financial data.

{% hint style="success" %}
*Check out the illustration on applying various Bubble chart properties to a View.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FtF2y1rMBFzJtWOg3tg8c%2FBubble%20chart.mp4?alt=media&token=57957e68-89a5-49d5-818a-820030d70b5f>" %}
***Applying Bubble Properties to a View***
{% endembed %}

* **The best situation to use a Bubble Chart:**
  * **Three Data Series:** Use a bubble chart for better representation when the data has three series each containing values. The values determine the sizes of the bubbles.

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F6sGYiYWd5zXP3Ln8bu9C%2Fimage.png?alt=media&amp;token=2be0e46e-fcad-4f67-b5e1-1b8abd83c767" alt=""><figcaption><p><em><strong>Default Bubble Chart</strong></em></p></figcaption></figure>

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

### **General Settings**

* **Base Type**: Select a base type to display the data (the provided choices for this field are: Plain, Gradient, and Ring)
* **Order**: Select a sequence for displaying information
  * None
  * Ascending
  * Descending
  * Manual Sort (Users can manually sort the dimensions by using the indicator signs)
    * By selecting an order(ascending or descending, the user needs 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 putting a checkmark in the bo&#x78;**.**
* **Show Data Label**: The data label is displayed using a checkmark in the given box.
* **Enable Base Zero**: Base value gets presented from Zero using a checkmark in the given box.
* **Show Legend**: Displays legend by turning on the radio button. After enabling the ***Show Legend*** option, the users need to select the following information:

  * **Legend Style**: Select one of the following options using the drop-down menu.
    * Fixed
    * Floating
  * The following fields appear when the selected ***Legend Style*** option is ***Fixed***.

    * **Legend Font Size:** This option allows to increase or decrease the font size of the legend.
    * **Legend Orientation**: This option appears when ‘Show Legend’ is enabled, and the selected ‘Legend Style’ is ‘Fixed.’ Users can choose an option from the given choices using the drop-down menu.
      * Vertical
      * Horizontal
    * **Legend Checkbox**: Enable this option using a checkmark to add the checkbox beside the Legend.

    &#x20;     ![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FrO6FyB0beU6IO5jgwMyy%2Fimage.png?alt=media\&token=3bd88536-2699-4295-9773-2ceaca56f011)

  ​

  <figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2F88vAvXleKNCltjHTRqKk%2Fimage.png?alt=media&amp;token=53c217d5-3454-4f95-8e8f-2066d68186ee" alt=""><figcaption><p><em><strong>Appying General Settings</strong></em></p></figcaption></figure>

### **View Filter**

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

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

### **Category Axis**

* **Title**: Provide a title for the axis
* **Axis Label**: Enable the category axis label using 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 using 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://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FHM23iCp4mvjyMtW8Ygem%2Fimage.png?alt=media&amp;token=be01ed62-ac62-411a-9572-ecbf0c88d8ae" alt=""><figcaption><p><em><strong>Applying View Filter, Category Axis, and Value 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\*).*
* **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%2FkJe4D0aGiDZedZQXa0xA%2Fimage.png?alt=media&amp;token=4f14eb7b-ca34-4bce-a893-c05ebd73498a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3555642236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxZF8YGlESz97qqyTOJvz%2Fuploads%2FSew7RSkAfWg4cAnk9tD4%2Fimage.png?alt=media&amp;token=38a940a7-2760-494b-970b-b69b617744ac" alt=""><figcaption><p><em><strong>Modified View after Applying various Bubble chart Properties</strong></em></p></figcaption></figure>