D3NutsAndBolts3

by Simon Raper

HTML

<svg>
</svg>

JavaScript

circleData = [{"x": 10,
               "y": 10,
               "r": 10},
              {"x": 50,
               "y": 50,
               "r": 15},
              {"x": 90,
               "y": 90,
               "r": 30}]

svg = d3.select("svg");

svg.selectAll("nodes")
    .data(circleData)
    .enter()
    .append("circle")
    .attr("cx", function(d){return d.x})
    .attr("cy", function(d){return d.y})
    .attr("r", function(d){return d.r});