title: Zoomable, Google-Finance-style time series graph in D3 or Rickshaw?
body: <p>I want to create a time series line graph in D3, with a smaller version of the graph below that allows the user to zoom in on certain sections of the chart, like <a href="http://www.google.com/finance?cid=694653">a Google Finance graph</a>. </p>
  
  <p>The closest example I've found is this swimlane chart:</p>
  
  <p><a href="http://bl.ocks.org/1962173">http://bl.ocks.org/1962173</a></p>
  
  <p>Does anyone have any examples of doing this with a line graph in D3?</p>
  
  <p>NB: I definitely want a small version of the graph with a resizeable brush on top, not a purely draggable/zoomable x-axis, like <a href="http://bl.ocks.org/1179647">this example</a>. </p>
  
  <p>Ideally, I'd like to use <a href="http://code.shutterstock.com/rickshaw/">Rickshaw</a>, but the Rickshaw examples <a href="http://code.shutterstock.com/rickshaw/#range-slider">only seem to have a range slider</a>. So a Rickshaw example would be even better. </p>