title: d3 bar chart is upside down
body: <p>I have a simple bar chart drawn in d3, with vertical bars: <a href="http://jsfiddle.net/philgyford/LjxaV/2/">http://jsfiddle.net/philgyford/LjxaV/2/</a></p>
  
  <p>However, it's drawing the bars down, with the baseline at the top of the chart.</p>
  
  <p>I've read that to invert this, drawing up from the bottom, I should change the <code>range()</code> on the y-axis. So, change this:</p>
  
  <pre><code>    .range([0, chart.style('height')]);
  </code></pre>
  
  <p>to this:</p>
  
  <pre><code>    .range([chart.style('height'), 0]);
  </code></pre>
  
  <p>However, that looks like it's drawing the inverse of the chart - drawing in the space <em>above</em> each of the bars, and leaving the bars themselves (drawn from the bottom) transparent. What am I doing wrong?</p>