Rickshaw is a JavaScript toolkit for creating interactive time series graphs

Highcharts is one of the best graphing library I have come across. It makes all the charts interactive with zooming, auto scaling, dynamic visibility of various lines/metrics etc.<p>Check it out at: <a href="http://www.highcharts.com/" rel="nofollow">http://www.highcharts.com/</a>

Thanks for taking a look!<p>There's a little more info in our recent blog post about this too: <a href="http://bits.shutterstock.com/?p=103" rel="nofollow">http://bits.shutterstock.com/?p=103</a><p>In particular, here's an example where you can switch between stacked, percentage, and line views; toggle on and off each data series; re-order the stack with drag-and-drop; zoom in to a time slice; add smoothing; add annotations, etc:<p><a href="http://shutterstock.github.com/rickshaw/examples/extensions.html" rel="nofollow">http://shutterstock.github.com/rickshaw/examples/extensions....</a><p>It can make a difference, having this functionality around when you're trying to dig in and read your data.

Looks good. I like how's it's layered on top of d3.<p>But "interactive" means you can <i>interact</i>. These charts seem to be almost entirely passive. Sure, you can build a UI that refreshes the chart with new data or new parameters, and you can read off values corresponding to the mouse pointer position in the chart. A truly interactive chart would let you zoom in and out (ie., change the resolution of the X axis), select ranges of values and so on. To truly support the claim for interactivity you should include a few interactive examples.<p>One last nitpick: The technically precise word for this kind of thing is chart, not graph.

This question is kind of apropos of nothing, but I noticed that one of the example documents [1] has a weird markup structure, lacking tags like HEAD, BODY, etc. Is this just one of those weird accidental things or is this an intentional technique? It kind of reminds me of the dark old days of IE6 workarounds.<p>Probably a dumb question but I don't keep up on client-side technology as much as I should so I was curious.<p><a href="http://shutterstock.github.com/rickshaw/examples/y_axis.html" rel="nofollow">http://shutterstock.github.com/rickshaw/examples/y_axis.html</a>

If you like this, you may also want to check out dygraphs, an open source library which does something similar and has been around for a few years: dygraphs.com

I wrote a much more rudimentary tool with a similar bent to display temperature graphs on some microcontrollers.<p><a href="https://github.com/lukeschlather/holdengraph" rel="nofollow">https://github.com/lukeschlather/holdengraph</a><p>These microcontrollers don't have much processing power, so offloading rendering onto the browser is actually an absolute necessity.

Awesome. Maybe you can find a way to work with Mike Bostock on the Cube project. Add some interactivity to real time graphs.

These are gorgeous!