title: Adjusting D3 Chart Bar Height
body: <p>I'm putting together a D3 vertical bar chart and can't adjust the bar's height.  When I adjust the <code>barHeight</code> variable from the following javascript, when rendered the bar's look exactly the same.  Meaning if I took off the <code>*50</code> in <code>barHeight</code> nothing would change.  I'm probably overlooking something really really simple here, but how do I adjust the height?</p>
  
  <pre><code>  var bars = svg.selectAll("rect")
       .data(data_votes);
       bars.enter()
       .append("rect")
       // .transition()
       //   .duration(1000);
  
       bars.attr("x", function(d, i) {
          return i * (w / data_votes.length); 
  
       })
       .attr("y", function(d){
          return h-d; 
       })
       // Less bars == more width
       .attr("width", w / data_votes.length - barPadding)
       .attr("height", function(d){
          var barHeight = d*50; 
          return barHeight; 
       })
  
       .attr("fill", "teal");
  
       bars.exit().remove();
  </code></pre>