Alex Rivera | Logout

Zoomable, Google-Finance-style time series graph in D3 or Rickshaw?

Asked 2012-08-13T10:45:51.380
31

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 Google Finance graph.

The closest example I've found is this swimlane chart:

http://bl.ocks.org/1962173

Does anyone have any examples of doing this with a line graph in D3?

NB: I definitely want a small version of the graph with a resizeable brush on top, not a purely draggable/zoomable x-axis, like this example.

Ideally, I'd like to use Rickshaw, but the Rickshaw examples only seem to have a range slider. So a Rickshaw example would be even better.

Edit
Report

1 Answer

14

dygraphs does exactly what you want in this demo:

http://dygraphs.com/gallery/#g/range-selector

enter image description here

answered 2013-04-22T02:44:50.887

Your Answer