Omniscope Custom Views › bubblechart

Bubble Chart

Which few items make up most of the total? Packed bubbles sized by a measure, optionally grouped by category, so the big contributors stand out at once.

Diagram

Open the demo in Omniscope Download demo.ioz Sample data: sales.csv Source on GitHub

Which few items make up most of the total? Packed bubbles sized by a measure, optionally grouped by category, so the big contributors stand out at once.

Live: revenue by product for an invented outdoor equipment shop, one bubble per product with its area in proportion to revenue. Hover a bubble for its figures; click it to select the product.

The problem it solves

A long bar chart ranks every item exactly, but with dozens of items the eye has to read down the list to see which ones matter. A packed bubble chart trades exact comparison for an overall picture: each item is a circle whose area follows its value, so a handful of large bubbles among many small ones shows at once where most of the total comes from.

In the illustrative shop above (invented figures), one tent brings in about a fifth of the revenue. Grouping the bubbles by category adds a second level: how the categories compare, and which products make up each one.

Live: the same products packed by category with Group and colour by. Tents bring in the most revenue from the fewest products.

Where it earns its place

Omniscope's Packed bubble view draws the same kind of chart and is better integrated with the report; this view is a short D3 file that is easy to change. Use a bar chart when the exact ranking or small differences matter. Use the bubble chart when there are tens to hundreds of items, a few of them much larger than the rest, and the question is "where does most of it come from?", with a category grouping when the items belong to groups.

The examples below are illustrative.

Team One bubble per Size Grouped by
Retail Product Revenue Category
Procurement Supplier Spend Spend category
HR Team Headcount Department
Digital Page Visits Site section

How to use it in Omniscope

  1. Bring the data into a workflow and connect it to a Report block.
  2. Add a view and choose Bubble Chart.
  3. Set One bubble per, for example Product, and Size, for example the sum of Revenue.
  4. Optionally set Group and colour by, for example Category, and choose what Labels show.
  5. Click a bubble or a group to select it in the rest of the report.

Why do this in Omniscope

Data and options

A field for the bubbles, a measure to size them and, optionally, a category; up to 2,000 bubbles.

Option What it does
One bubble per One bubble per value
Size The bubble's area; zero, negative and empty values are left out
Group and colour by One circle per category, holding its bubbles, and their colour
Labels Name and value, name only, or none
Pane X, Pane Y One chart per value

Tested

Mock harness: one bubble per product (28), the largest bubble and its tooltip checked against the source data (21,086), the category totals (Tents: 40,026), one colour per category, selecting a bubble and a group, clearing by clicking the bubble again and by clicking empty space, filtering to one category (the bubble's colour unchanged), changing the Size measure and the labels, a 200 by 140 pane (every bubble inside the view, no label wider than its bubble), 1,500 bubbles with 15 negative values left out, 2,500 bubbles refused with a message, empty data and unset options.

Selecting a product
Selecting a product

Reference

Fields it reads

NameTypeWhat it does
One bubble perGROUPINGOne bubble for each value of this field, for example Product
SizeMEASUREThe bubble's area is proportional to this measure, for example the sum of Revenue. Zero, negative and empty values are not drawn
Group and colour byGROUPINGOptional. Packs the bubbles into one circle per value of this field, for example Category, and colours them by it. If empty, each bubble is coloured by its own name
Pane XGROUPINGOptional. One chart per value, side by side
Pane YGROUPINGOptional. One chart per value, one above the other

Options

NameTypeWhat it does
LabelsCHOICEWhat to write inside bubbles big enough to hold it

Third-party libraries