title: D3.js Transitions
body: <p>I am trying to create an animated bar graph using d3.js. I want the bars to appear one by one like this example <a href="http://nvd3.com/ghpages/multiBar.html">http://nvd3.com/ghpages/multiBar.html</a> . I was able to create a similar behavior but the motion starts from the height of the bar builds the bar towards the x-axis, however I want the motion to start from the x-axis and go to the height of the bar like the example. </p>
  
  <p>Much simplified version of my code:
  <a href="http://jsfiddle.net/gorkem/ECRMd/">http://jsfiddle.net/gorkem/ECRMd/</a></p>
  
  <p>Any help would be much appreciated</p>