DokuWiki

var bardata = [20, 30, 45, 15];

var height = 400;
var width = 600;
var barWidth = 50;
var barOffset = 5;

d3.select('#chart').append('svg')
.attr('width', width)
.attr('height', height)
.style('background', '#C9D7D6')
.selectAll('rect').data(bardata)
.enter().append('rect')
  .style('fill', '#C61C6F')
  .attr('width', barWidth)
  .attr('height', function (d) {
    return d;
  })
  .attr('x', function (d, i) {
    return i * (barWidth + barOffset);
  })
  .attr('y', function (d) {
    return height - d;
  });