title: D3.js: Align X-Axis to specific value on Y-Axis (e.g. the origin)
body: <p>I want something a simple as this:</p>
  
  <p><a href="http://alex.nt.fh-koeln.de/Bilder/wlet1.jpg" rel="nofollow">http://alex.nt.fh-koeln.de/Bilder/wlet1.jpg</a></p>
  
  <p>The Axis are aligned to the origin. However, I could only figure out how to adjust the axis in terms of the width/height using transform:</p>
  
  <pre><code>    svg.append("g")
          .attr("class", "x axis")
          .attr("transform", "translate(0," + height/2 + ")")
          .call(xAxis);
  </code></pre>
  
  <p>This will put the X-axis in the middle of the graph, which is not necessarily the origin. I guess there is a simple solution, but I just can't seem to find it. </p>