---
title: "Bubble"
description: "A scatter-based chart where each point is represented as a bubble, with its position, size, and optional grouping determined by data values."
group: Charts
tags: [Visualization, Chart, Dashboard, Bubble, Scatter, Comparative Analysis]
---
import { Aside, Steps } from '@astrojs/starlight/components';
# Bubble
The **Bubble Chart** is a variant of the scatter plot where each data point is visualized as a bubble.
The position of each bubble is determined by a **dimension and a measure**, while the **bubble size** can optionally represent a third quantitative value.
Bubble charts can optionally use **categorical groups** to distinguish series visually and can be oriented both **horizontally** and **vertically**.
**Use cases:**
- Visualizing **relationships between three variables**: position (X), value (Y), and bubble size.
- Displaying **distributions and clusters** within a dataset.
- Comparing **magnitude, category, and trend** in a single visual layout.
---
## ⚙️ Setup
1. Drag the **Bubble Chart** widget from the chart library onto your designer workspace.
2. Select the chart.
3. Go to the [Widget Configuration](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/) tab in the Configuration panel.
4. Under the Configuration panel tab, select the [Basic Configuration](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/#basic) option to access essential settings for the Bubble chart.
5. Select the [Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources) from which the chart will fetch its data.
6. Map:
- **[Measure (Value)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Numeric value for bubble positioning on one axis.
- **[Measure (Size)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — (Optional) Numeric value controlling the bubble size.
- **[Dimension (Axis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Categorical or sequential value for primary axis labels.
- **[Group](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — (Optional) Categorical value to split the bubbles into separate series.
7. Optionally add a **Date** field for time-based filtering.
---
## 📊 Basic Configuration
| Configuration Item | Description |
|:---------------------|:-------------|
| **[Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources)** | The data source to query for chart values. |
| **[Measure (Value)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | Numeric value determining the bubble's Y (or X if vertical) position. |
| **[Measure (Size)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | (Optional) Numeric value controlling each bubble's size. |
| **[Dimension (Axis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | Categorical or sequential value for the primary axis. |
| **[Group](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** | (Optional) Grouping field to split the bubble series. |
| **Date Field** (optional) | Enables date-based filtering and drilldown capability. |
---
## 🎨 Chart Customizations
| Category | Options & Description |
|:----------------------------|:-----------------------------------------------------------|
| **[General](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#general)** | Theme, background, border, and interactivity options. |
| **[Title](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#title)** | Chart title, font, alignment, and visibility settings. |
| **[Sorting](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#sorting)** | Control sorting of categories. |
| **[Grid](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#grid)** | Manage padding and chart grid layout. |
| **[Legend](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#legends)** | Show/hide, position, and format for series legends. |
| **[HeatMap](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#heatmap)** | Apply color gradients based on value ranges (bubble color). |
| **[Categorical Axis](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#categorical-axis)** | Customize category axis labels, rotation, and intervals. |
| **[Numerical Axis](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#numerical-axis)** | Adjust value axis scale, formatting, and log scale. |
| **[Series](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#series-customization)** | Control bubble fill color, border, opacity, and symbol style. |
| **[Tooltip](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#tooltip)** | Tooltip content, format, and triggers. |
| **Others** | Set **Orientation** (`Horizontal` / `Vertical`), and **bubble size range** (min & max). |
---
## 📊 Example Visualization
