---
title: "Scatter"
description: "A scatter plot visualizing relationships between two numeric variables, with optional marker sizing."
group: Charts
tags: [Visualization, Chart, Dashboard, Scatter, Correlation, Distribution]
---

import { Aside, Steps } from '@astrojs/starlight/components';

# Scatter

The **Scatter Chart** displays data points as individual markers on a two-dimensional numeric grid.  
Each point’s position is based on two quantitative measures, with an optional third measure determining the **bubble size**.

**Use cases:**
- Revealing **correlations, clusters, and outliers** between two numeric variables.
- Performing **distribution analysis**.
- Comparing multi-series data points via groups.

<Aside>
Use **Scatter Charts** when you need to visualize the relationship between two continuous variables, optionally enhanced by bubble size.
</Aside>

---

## ⚙️ Setup

<Steps>
1. Drag the **Scatter 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 Scatter 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 (XAxis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Numeric value for the X-axis position of each point.
   - **[Measure (YAxis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Numeric value for the Y-axis position of each point.
   - **[Measure (Size)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — (Optional) Numeric value for the marker (bubble) size.
   - **[Group](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Categorical field to split data points into multiple series.
   - **[Dimension](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — (Optional) Categorical label attached to points (e.g., city, region, etc.).
7. Optionally add a **Date** field for time-based filtering.
</Steps>

---

## 📊 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 (XAxis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)**   | Numeric value for the X-axis position of each marker. |
| **[Measure (YAxis)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)**   | Numeric value for the Y-axis position of each marker. |
| **[Measure (Size)](/studio-v8/datasources/measures-dimensions-and-hierarchies/)**   | (Optional) Numeric value controlling the size of each marker. |
| **[Group](/studio-v8/datasources/measures-dimensions-and-hierarchies/)**             | Grouping field to split points into multiple colored series. |
| **[Dimension](/studio-v8/datasources/measures-dimensions-and-hierarchies/)**        | (Optional) Label assigned to individual points. |
| **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 data points by value or category. |
| **[Grid](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#grid)** | Manage padding and grid layout for the chart canvas. |
| **[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. |
| **[XAxis](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#numerical-axis)** | Customize X-axis scale, formatting, and log scale options. |
| **[YAxis](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#numerical-axis)** | Customize Y-axis scale, formatting, and log scale options. |
| **[Series](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#series-customization)** | Configure scatter markers, colors, opacity, and style. |
| **[Tooltip](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#tooltip)** | Tooltip content, format, and triggers. |
| **Others** | Set **Min/Max Symbol Size** and control **bubble sizing criteria** via `Size On` (choose between **Size**, **XAxis**, or **YAxis** measure). |

<Aside>
Use **Group** to split data points into separate colored series, and optionally adjust **bubble size scaling** based on the selected sizing measure in **Others**.
</Aside>

---

## 📊 Example Visualization

![scatter chart](/images/Insights/Infoboards/Infoboard-Designer/Chart-Library/scatter-chart.png)