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; });