WS Bubble Chart

The WS Bubble Chart Widget is used to visualize data across two dimensions, with a third dimension represented by the size of each bubble. It's especially useful for identifying relationships, outliers, and clusters in your data.

Step-by-Step Guide to Use the WS Bubble Chart Widget

Step 1: Add the Widget

From the Widget Panel, go to the Charts & Tables section, and pick the WS Bubble Chart Widget onto your canvas.


Step 2: Connect to Data Model

With the widget selected, go to the Property Editor and select a Data Model that includes the fields you'll use for axes and bubble size.


Step 3: Set Row (Pivot)

In the Row (pivot) section, choose a categorical field such as Category, Region, or Segment. This field will group your data points and can be used for drilldown behavior.

  • If Drilldown is enabled, selecting a bubble will reveal data grouped by a deeper category level.


Step 4: Add and Configure Datasets

In the Datasets section, you'll define how each bubble is drawn using the following:

  • X Axis Values: Select a field to define the horizontal position of each bubble. This is typically a numerical or categorical field like Sales, Region, or Age.

  • Y Axis Values: Select a field to define the vertical position of each bubble. This should also be numerical or categorical (e.g., Profit, Score, Experience).

  • Bubble Values: Choose a numerical field that controls the size of each bubble (e.g., Revenue, User Count, Engagement). Larger values result in proportionally larger bubbles.

The chart auto-scales both axes and bubble size based on the data provided.

You can further customize the display, layout, and behavior of the chart using additional chart properties. For a full list of customization options, refer to the Common Properties.


Step 5: Preview and Interact

After configuring your chart, you can immediately view the changes on the page. Use the Run Mode to interact with the chart just like an end user — hover to see tooltips, click to trigger drilldowns, and validate behavior.

Last updated