title: Moving the axes in d3.js
body: <p>I have two axes in my graph right now, that are stuck at the very left and bottom of the graph. I want to make the axes line up with the (0,0) coordinate, or in other words I want the axes to be at x=0 and y=0</p>
  
  <p>Here's my axes code:</p>
  
  <pre><code>    //setup x
  var xAxis = d3.svg.axis()
      .scale(xRange)
      .tickSize(5)
      .tickSubdivide(true),
  
      //setup y
      yAxis = d3.svg.axis()
      .scale(yRange)
      .tickSize(5)
      .orient("left")
      .tickSubdivide(true);
  </code></pre>
  
  <p>I was thinking that the way to do it might just be to make a smaller svg underneath the one that I have, that starts at zero, and put the axes there, and remove them from the one I have right now.</p>
  
  <p>Here's the full code: <a href="http://jsfiddle.net/v92q26L8/" rel="nofollow">http://jsfiddle.net/v92q26L8/</a></p>