BubblesView - A Bubbles View Generator Using D3

bubbles.js

     
var sampleSVG = d3.select("#bubbles")
    .append("svg")
    .attr("width", 960)
    .attr("height", 960);
var mydata = [];      
d3.csv("/baseball_data.csv", function(data) {
    data.forEach(function(d) {
        d["HR"] = +d["HR"];
        mydata.push(+d["HR"]);
    });
    console.log(mydata);
   var svg = d3.select("svg");
   var circle = svg.selectAll("circle").data(mydata);
   var circleEnter = circle.enter().append("svg:circle");
   circle.style("fill", "steelblue");
   circleEnter.attr("cy", 60);
   circleEnter.attr("cx", function(d, i) { return i * 10 + 30; });
   circleEnter.attr("r", function(d) { return Math.sqrt(d); });
});