Sized Scatter

세 개의 수치(measure)를 입력할 경우 마지막 수치는 원의 반지름 크기를 결정하는데 사용된다.

      
import scatter from 'daisy-chart/src/layouts/scatter';

var randSize = 64;
var dataset = [];
var d, i;
for (i = 0; i < randSize ; i++) {
  let categoryUnit = String.fromCharCode(i  % 3 + 65);
  d = {category : categoryUnit, x : i , y: Math.random() * 10000, z: Math.random() * 10000}
  dataset.push(d);
}

scatter().data(dataset)
  .name('scatter')
  .container('#daisy-example')
  .dimension('category')
  .measures(['x', 'y', 'z'])
  .legend(true)
  .axis('x').axis('y')
  .render();