NVD3 Scatter Chart Circle Radius

Question

I was wondering how I can set minimum and maximum radii of the circles in an NVD3 scatter chart.

NVD3 Scatter: http://nvd3.org/ghpages/scatter.html

Answer 1

Call .sizeRange([minArea, maxArea]) on your chart object. Note that "size" is proportional to area, not radius, so you need to use the square of the maximum/minimum radius (adjusted by pi/2 if you want to be precise).

Answer 2

As of 1.7.1, call .pointRange([minArea,maxArea]) .

Answer 3

nv.addGraph(function() {
  var chart = nv.models.scatterChart()
                .showDistX(true)
             .sizeRange([1000, 100]) /*****Chart Circle Range******/
                .showDistY(true)
                .color(d3.scale.category10().range());


  chart.xAxis.tickFormat(d3.format('.02f'));
  chart.yAxis.tickFormat(d3.format('.02f'));

  d3.select('#chart svg')
      .datum(data(4,40))
    .transition().duration(500)
      .call(chart);

  nv.utils.windowResize(chart.update);

  return chart;
});

Use this this link or apply the above code into this LINK

.sizeRange([minArea, maxArea])

example: .sizeRange([1000, 100])