Scatter Chart – QBeeQ | Documentation

When working with large, complex datasets, sometimes users need to understand the relationship between multiple variables. Scatter charts are powerful tools for uncovering patterns, clusters, and correlations—but when there’s a lot of data, they can quickly become hard to navigate.

The QBeeQ Scatter Chart makes it easy to explore dense data visually. With smooth animations and intuitive zoom controls, users can dive into specific clusters or outliers without losing context.

Installation and configuration

The Scatter Chart plugin can be installed by an Admin, following the directions in Installing QBeeQ Plugins.

Operating system and version support:

Linux - Latest

Windows - Latest

Creating a new Scatter Chart

To create a new Scatter Chart:

Choose QBeeQ Scatter Chart from the widget dropdown list

Select data as Datecategory, Category, X-axis, Y-Axis, Size, Color and Extra Values

Configure settings

Select data

Use the data panel to select data to display on the chart:

Date Category - Enables the animated timeline. This dimension drives the progression of the animation (typically a date, but can be any categorical value).

Category - The dimension used to group or differentiate the data points. Each unique value will be represented as a separate point.

X Axis - Defines the horizontal position of each point using a numerical or calculated value.

Y Axis - Defines the vertical position of each point using a numerical or calculated value.

Size - Determines the radius of each point based on its value.

Color - Controls the color of each point. When the Coloring setting is set to Value, the color is based on this field using conditional formatting. If set to Category, each group gets a distinct color.

Extra Values (optional) - Adds additional fields to the tooltip on hover. These can include raw data, aggregations, or metadata (e.g., product name, SKU, category).

Configure settings

Setting	Description	Options	Behavior
Animation	Enables smooth transitions and entrance effects for the widget	On, Off
Animation Timeline	Activates an animated timeline that cycles through a dimension's values (e.g., dates).	On, Off Timer (in seconds)
Themes	Defines the background color of the widget	Dark, Light
Coloring By	Controls how data points are colored	Category, Value	Category assigns colors by group Value uses Color Axis for conditional formatting
Marker Size	Defines the relative size of data points	10%, 25%, 50%, 75%, 100%
Point Border Width	Defines the width of each point’s border	User-defined numeric value
Point Border Color	Defines the color of each point’s border	User-defined numeric value
Enable Scroll Zoom	Enables zooming in/out on the X and Y axes using scroll interaction	On, Off	***mouse scroll will always be on, but this controls the plus/minus zoom
Enable Quadrants	Allows the user to define visual behavior for the chart quadrants	On, Off	Toggles advanced settings for quadrants on the chart
X-Axis	Allows the user to define visual behavior for the X-axis	On, Off	Toggles advanced settings for the X-axis
Y-Axis	Allows the user to define visual behavior for the Y-axis	On, Off	Toggles advanced settings for the X-axis

Enable Quadrants settings

Setting	Description	Options	Behavior
Origin-x	Sets the X-axis value where the quadrant lines intersect	User-defined numeric value
Origin-y	Sets the Y-axis value where the quadrant lines intersect	User-defined numeric value
Opacity	Controls the transparency of the quadrant background colors	User-defined numeric value between 0 and 1	0 = fully transparent 1 = fully opaque
Q1/Q2/Q3/Q4 Color	Defines the fill color for each quadrant individually	User-defined HEX, RGB or HSL value

X-axis and Y-axis settings

Setting	Description	Options
Logarithmic	Applies a logarithmic scale to the axis for non-linear data	On, Off
Grid Line	Toggles grid lines for the axis	On, Off
Min	Sets the minimum value displayed on the axis	User-defined numeric value
Max	Sets the maximum value displayed on the axis	User-defined numeric value

Using the Scatter Chart

Tooltips

Viewers can hover over each point to view a tooltip containing data defined in the Data Panel:

Datecategory

Category

X-axis

Y-Axis

Size

Color

Extra Values

Zoom in/out

Viewers can zoom in and out to explore clusters of points in more detail. This can be done using the mouse scroll or by enabling horizontal and vertical zoom controls in the chart settings.

Click or drag to filter

Viewers can filter the dashboard by:

Clicking on any point in the chart

Dragging to select an area of points

Once a selection is made, a Clear Selection button will appear in the top-right corner of the widget title bar, allowing the filter to be removed.