D3 Challenges

by Jeff Wen

HTML

<div class="viz_container">

</div>

CSS

svg {
    background:dodgerblue;
}

circle {
    fill:pink;
}

JavaScript

var svg = d3.select('.viz_container')
    .append('svg')
    .attr('height', 400)
    .attr('width', 400);

var data = [{'cx':200,'cy':150,'r':50}];

svg.append('circle').data(data)
.attr('cx',function(d){return d.cx;})
.attr('cy',function(d){return d.cy;})
.attr('r',function(d){return d.r;});