Scatter Plot/Bubble Chart

Building upon the Simple X/Y Plot example, it is very easy to size the Circles with data. Given an additional “value” parameter in the data:

var data = [
  {id: "alpha", x: 4, y:  7, value: 240},
  {id: "beta",  x: 5, y:  2, value: 120},
  {id: "gamma", x: 6, y: 13, value: 180}

We provide this key to the visualization using the size method. We can also use the sizeMin and sizeMax methods to define the range of the internal scale.

new d3plus.Plot()