d3 bar chart is upside down

Question

I have a simple bar chart drawn in d3, with vertical bars: http://jsfiddle.net/philgyford/LjxaV/2/

However, it\'s drawing the bars down, with the baseline at the top

Answer 1

Per the d3 basic bar chart : http://bl.ocks.org/mbostock/3885304

You are correct in inverting the range.

Additionally, your rectangles should be added like this:

    .attr('y', function(d) { return y(d.percent); } )
    .attr('height', function(d,i){ return height - y(d.percent); });