title: drawing a time axis - d3.js
body: <p>Can someone help me draw an axis with 1 tick for each hour (6am-6pm).<br>
      I'll later draw minute ticks - 60 ticks/hr.<br>
      I just started learning d3 today and can't figure this out.</p>
  
  <pre><code>var x = d3.time.scale();    
  
  var svg = d3.select('body').append('svg')
           .attr('width', 1000).attr('height', 850);
  
  var xAxis = d3.svg.axis().scale(x).orient('bottom')
             .tickFormat(d3.time.format());
  
  svg.append('g').attr('class', 'axis')
     .call(xAxis)
     .attr('transform','translate(20, 10)');
  </code></pre>