title: D3.js stacked bar chart
body: <p>I've spent enough time modifying the <a href="http://bl.ocks.org/mbostock/1134768" rel="nofollow">stacked bar chart sample</a> that it would be wise to get a second pair of eyes to look at what I'm doing wrong. The modified sample is in a <a href="http://jsfiddle.net/H32yz/4/" rel="nofollow">js fiddle</a>.</p>
  
  <p>My main changes are these: </p>
  
  <p>1: On line 10 reversed the array for range
      <code>y = d3.scale.linear().range([height, 0])</code></p>
  
  <p>2: On lines 17 and 22 added axis</p>
  
  <pre><code>var xAxis = d3.svg.axis()
                  .scale(x)
                  .orient("bottom")
                  .tickFormat(format);
  var yAxis = d3.svg.axis()
                  .scale(y)
                  .orient("left")
  </code></pre>
  
  <p>3: Line 62 changed the addition of y0 and y (this is the change that might be creating problem)</p>
  
  <pre><code>.attr("y", function (d) { return y(d.y) - y(d.y0); })
  </code></pre>
  
  <p>As you can see bars are going way above the specified height.</p>
  
  <p>If someone could tell me what I'm doing wrong I'd be very thankful. I spent too much time looking just by myself. I do think I'm very close as chart is displaying other than the height problem.</p>