A
bubble plot
is a scatter plot with a third numeric
variable mapped to circle size. This page offers several examples of
implementation with d3.js
, from the most basic to custom
versions.
Building a bubble chart basically follows the same process as for a scatterplot, except that another scale is used to map a variable to bubble size. Thus, have a look to the scatterplot section for more examples.
Here is the template I use to start a bubble chart project. Legend describes both size and color. Hover the legend to highlight the corresponding group. Hover a bubble to get country name.
Get codeA selection of blocks involving bubble charts