bars_scaled.js

var dataset = [1,2,3,4,5];

var svgWidth = 500, svgHeight = 300, barPadding=3;
var barWidth = (svgWidth/dataset.length);

var yScale = d3.scaleLinear()
    .domain([0, d3.max(dataset)])
    .range([0, svgHeight]);

var svg = d3.select('svg').attr('width',svgWidth).attr('height',svgHeight);

//Scaling



var barChart = svg.selectAll("rect")
.data(dataset).enter().append("rect")
.attr("y",function(d){

  return svgHeight-yScale(d);

})
.attr("height",function(d,i){
  return d+(60*(i+1));
})
.attr("width",barWidth-barPadding)
.attr("transform",function(d,i){
  var translate = [barWidth*i,0];
  return "translate("+translate+")";
});


var text = svg.selectAll('text')
.data(dataset).enter().append('text').text(function(d){
  return d;})
.attr("y",function(d,i){
  return svgHeight-yScale(d)-2;
})
.attr("x",function(d,i){
  return barWidth*i;
})
.attr("fill","#A64C38");