<svg id="chart"></svg>

circle {
  fill: rgba(72, 134, 104, 0.3);
}

var svg = d3.select('#chart');

var data = [40, 30, 20, 50, 10];

svg.attr('width', 500).attr('height', 500);

var circles = svg.selectAll('circle')
  .data(data)
  .enter()
  .append('circle')
  .attr('cy', 100)
  .attr('cx', function(d, i) {
    return i * 50 + 50;
  })
  .attr('r', function(d) {
    return d;
  });