title: how to set d3.brush extent right?
body: <p>I am writing a d3 widget based on Mike Bostocks example <a href="http://bl.ocks.org/mbostock/1667367" rel="nofollow">http://bl.ocks.org/mbostock/1667367</a>
  So I am trying to set brush extent with predefined dates, but the extent rectangle is not applied to those dates.</p>
  
  <pre><code>var brush = d3.svg.brush()
              .x(x2)
              .extent([new Date("May 2001"), new Date("May 2002")])
              .on('brush', brushed);
  </code></pre>
  
  <p>...</p>
  
  <p>the entire code here <a href="http://plnkr.co/edit/H3nt9t8pw0nXM4yHp25P?p=preview" rel="nofollow">http://plnkr.co/edit/H3nt9t8pw0nXM4yHp25P?p=preview</a></p>