Menu

Bubble Chart

In this tutorial, we’ll demonstrate how to draw a Bubble Chart in Glimpse to visualize the relationship between 4 variables: horsepower, miles per gallons, acceleration, and origin for various cars.

First, add in the data by going Data > Sample Data > cars.json from the top menu.

Then, under Viz > Mark in the Inspector panel, set the Mark type to Circle.

image1


To set the variable for the X-axis, drag the quantitative field Horsepower into the X encoding.

image2


To set the variable for the Y-axis, drag the quantitative field Mile_per_Gallon into the Y encoding.

image3


To vary the size of circles to be proportional to a variable, drag the quantitative field Acceleration into the Size encoding.

image4


On the Inspector panel, go Viz > Encoding > Scale > Domain and untick Include Zero. This will help vary the area size of the circles more (if they’re looking too similar in size).

image5


To color the circles based on a categorical variable, drag a nominal field like Origin into the Color Encoding. The resulting visualization should look like the one below:

image6


This concludes this tutorial on drawing a Bubble Chart. If you want to further customize your chart, please read the documentation.