# Packed Bubble

### **Chart setup to build a packed bubble chart:**

{% stepper %}
{% step %}

#### **Axis**

Drag the dimension to plot on the axis (e.g., Sub Category).
{% endstep %}

{% step %}

#### **Values parameter**

Drag the measure to analyze (e.g., Sales).
{% endstep %}

{% step %}

#### **Chart type**

Select  **Packed bubble** from the Hierarchy section of the  Chart Type dropdown menu.
{% endstep %}
{% endstepper %}

> A packed bubble chart allows you to compare quantities or relationships in a visually appealing and space-efficient way.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252Fj37OQmWhPGsD1K5Xgubx%252Fimage.png%3Falt%3Dmedia%26token%3De9746382-0989-4c83-a0df-08a29feb9dbf&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=96fc88e1&#x26;sv=2" alt=""><figcaption><p>Packed bubble</p></figcaption></figure>

### 1. Customization & formatting options under Canvas settings <a href="#id-1.-canvas-settings-for-packed-bubble-charts" id="id-1.-canvas-settings-for-packed-bubble-charts"></a>

#### **1.1. Color by**

Each bubble can have a different color based on the dimension category, a gradient color scheme, or a uniform color.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FsrPMsSZTKK8YhkDYdHfk%252Fimage.png%3Falt%3Dmedia%26token%3Da096053d-ef71-44e5-8f03-2a090d67d7e1&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=86a16eb9&#x26;sv=2" alt=""><figcaption><p>Individual category color scheme</p></figcaption></figure>

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FjZZlSlsBWkMyCGiJtVEh%252F2024-11-20_11h04_53.png%3Falt%3Dmedia%26token%3D05bea37c-c0f6-476e-8f7e-f6a99c791073&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=3bf04c0e&#x26;sv=2" alt=""><figcaption><p>Gradient color scheme</p></figcaption></figure>

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FBW70vfMEfAJFKEES9AsW%252F2024-11-20_11h05_50.png%3Falt%3Dmedia%26token%3Deeac3069-c8d4-4d05-aeda-3a32e0fe0537&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=86fa01a6&#x26;sv=2" alt=""><figcaption><p>Uniform color scheme</p></figcaption></figure>

### 2. Packed circles <a href="#id-2.-packed-circles" id="id-2.-packed-circles"></a>

When your axis dimension is hierarchical and the hierarchy is fully expanded (use the drill-down buttons), the Packed Circles tab will be enabled.

#### **2.1. Cluster mode**

Enable this toggle to group child categories under the parent category. When cluster mode is disabled, a regular packed chart will be rendered for each level of the hierarchy.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252F7KWxK53KyomS0GhH323t%252Fimage.png%3Falt%3Dmedia%26token%3D9309b09e-134e-4f7f-9507-dcf77b50096b&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=632f2b98&#x26;sv=2" alt=""><figcaption><p>Cluster mode</p></figcaption></figure>

### **2.2. Cluster header**

Enable the toggle to display the parent category name for each cluster.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FklBL8CB9mRSAzhsE4b41%252Fimage.png%3Falt%3Dmedia%26token%3D38c6cf88-9685-463d-af91-2ad633658698&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=8103f9e0&#x26;sv=2" alt=""><figcaption><p>Cluster header</p></figcaption></figure>

* **Auto color:** Analytics+ automatically sets the font color for maximum readability. Notice how some dimension categories are displayed in white and others in black, depending on the bubble color. Disable this toggle to assign a custom font color.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FesD67N41wntCRTpgvn2p%252Fimage.png%3Falt%3Dmedia%26token%3Df1725c27-e1d1-4947-8ec3-f5a1c8ef5feb&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=bbde5e74&#x26;sv=2" alt=""><figcaption><p>Auto color</p></figcaption></figure>

* **Style:** Change the font style, size, and color of the header.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252F1pRtFOQTawAWALohzosf%252Fimage.png%3Falt%3Dmedia%26token%3D19750439-072b-4d9c-ae1c-7eaea1f4425a&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=9b76a6ff&#x26;sv=2" alt=""><figcaption><p>Header font style</p></figcaption></figure>

* **Display:** The header can be rendered for the parent bubble (All header) or each child category (Child only).

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FUsDkyhNthV7RQ4DPbyl6%252Fimage.png%3Falt%3Dmedia%26token%3D9a30da7f-0e30-489a-9843-5830f52d8517&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=12ec3977&#x26;sv=2" alt=""><figcaption><p>Parent header</p></figcaption></figure>

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252Fb7G7OfjfaevTkKSAZzdt%252F2024-11-20_12h33_19.png%3Falt%3Dmedia%26token%3Dbbfd5cb6-f41f-4c3f-96da-3d57f6aba6a0&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=5ae4b074&#x26;sv=2" alt=""><figcaption><p>Child headers</p></figcaption></figure>

* **Type:** Opt for headers to be displayed in a straight line instead of along the bubble curve.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FdL0IMT9zBzS9frDdcMvm%252Fimage.png%3Falt%3Dmedia%26token%3Dd98d550b-09de-4555-922f-e3d36f1b0160&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=6883807d&#x26;sv=2" alt=""><figcaption><p>Curved or straight options for the header</p></figcaption></figure>

* **Position**: The header can be placed outside the bubble or inside(default).

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252Fd9IQQiWAtOifAewRGw3l%252Fimage.png%3Falt%3Dmedia%26token%3Ddc362dfc-eaf4-441a-b95e-0eb0e7cff5ba&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=ee43e7d2&#x26;sv=2" alt=""><figcaption><p>Header position</p></figcaption></figure>

* **Case**: The header text can be styled in small letters, all caps, or capitalized first letters.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FCHUz4GDdQMx4thkNQbia%252Fimage.png%3Falt%3Dmedia%26token%3D68e27a02-420d-4480-9b88-704817d4435e&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=69e9d1dc&#x26;sv=2" alt=""><figcaption><p>Parent categories capitalized</p></figcaption></figure>

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FxcqNF8hWZUC0EWdqAqcW%252F2024-11-20_12h47_23.png%3Falt%3Dmedia%26token%3Db2dd05ad-4a10-45f9-987f-171284007f42&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=f5504c3f&#x26;sv=2" alt=""><figcaption><p>Child categories capitalized</p></figcaption></figure>

* **Weight**: Header font can be bold or regular.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FyJBH4R3KgnPfuhkoYQdR%252Fimage.png%3Falt%3Dmedia%26token%3Da54aedcb-878c-4c6b-b421-e7f8b4f4617b&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=a8059369&#x26;sv=2" alt=""><figcaption><p>Parent categories are displayed in bold font</p></figcaption></figure>

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FT9m6pKDHMrns0AYljkYJ%252F2024-11-20_12h49_35.png%3Falt%3Dmedia%26token%3D70ce7d82-a2ae-457e-a97b-f9849b90f472&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=817f6e4c&#x26;sv=2" alt=""><figcaption><p>Child categories are displayed in bold font</p></figcaption></figure>

* **Enable total:** Display the total contribution for each category.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252F4wsIub6Ws4lUJPaMNkm0%252Fimage.png%3Falt%3Dmedia%26token%3Df9607545-e4ce-4997-a724-8e4d180674cc&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=9872ed6b&#x26;sv=2" alt=""><figcaption><p>Enable totals</p></figcaption></figure>

* **Opacity:** Choose to have darker parent or child bubbles.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FFYhj2v3aqOdu9FomywDK%252Fimage.png%3Falt%3Dmedia%26token%3D7e6e2065-b708-4558-bd7d-28400d0f2cfe&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=b4f8e23b&#x26;sv=2" alt=""><figcaption><p>Darker child bubbles</p></figcaption></figure>

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FXZ3EEgFHvfFWKllCvs3l%252F2024-11-20_13h11_58.png%3Falt%3Dmedia%26token%3D25151936-c733-42a8-913d-774e5e0e0d38&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=49e51555&#x26;sv=2" alt=""><figcaption><p>Darker parent bubbles</p></figcaption></figure>

* Node opacity: Manually set an opacity factor between 1 and 100, with 1 being the most transparent and 100 being the most opaque.

<figure><img src="https://docs.inforiver.com/~gitbook/image?url=https%3A%2F%2F3132984990-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FbOoZhPvC57Z0CNgep4Ib%252Fuploads%252FdduuRxW9dyPaz8pCgSYI%252Fimage.png%3Falt%3Dmedia%26token%3D49a51df9-4373-4af2-aef4-0e377d4ae43a&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=d4b8914f&#x26;sv=2" alt=""><figcaption><p>Node opacity</p></figcaption></figure>

## Additional Formatting Options

Here are the other settings that help you refine your packed bubble chart.

<table><thead><tr><th width="143.5">Feature</th><th>Description</th><th data-type="content-ref">Link</th></tr></thead><tbody><tr><td>Number</td><td>Configure number formatting (decimals, units)</td><td><a href="../working-with-analytics+/3.-charts/3.8.-display-settings-for-charts/charts-number-settings">charts-number-settings</a></td></tr><tr><td>Legend</td><td>Show/hide and customize the legends</td><td><a href="../working-with-analytics+/3.-charts/3.8.-display-settings-for-charts/charts-legend-settings">charts-legend-settings</a></td></tr><tr><td>Data Label</td><td>Show exact values for each data point</td><td><a href="../working-with-analytics+/3.-charts/3.6.-data-label-customizations">3.6.-data-label-customizations</a></td></tr><tr><td>Trellis</td><td>Create small multiples using category split</td><td><a href="../working-with-analytics+/6.-trellis-customizations">6.-trellis-customizations</a></td></tr><tr><td>Conditional Formatting</td><td>Apply color rules to highlight values</td><td><a href="../working-with-analytics+/9.-conditional-formatting">9.-conditional-formatting</a></td></tr><tr><td>Sorting</td><td>Sort axis order</td><td><a href="../working-with-analytics+/10.-sort-and-reorder-data/sorting-data">sorting-data</a></td></tr><tr><td>Ranking</td><td>Limit to top/bottom N categories</td><td><a href="../working-with-analytics+/11.-ranking-data-topn/ranking-for-charts">ranking-for-charts</a></td></tr></tbody></table>

## Migrating from xViz Packed Bubble charts to Analytics+

{% hint style="success" %}
**Download Guide and Demo**

Access the detailed guide with step-by-step settings paths and a PBIX demo report for comprehensive configuration examples between xViz and Analytics+.
{% endhint %}

**Download ↓**

{% file src="<https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F8gkt7d82nL5pvctmLaXU%2FxViz%20Packed%20Bubble%20to%20Inforiver%20Analytics%2B.zip?alt=media&token=8b0fc7ed-3a71-4fe6-9608-967ef8a62293>" %}
Download the zip file to access the migration guide and PBIX demo file
{% endfile %}
