TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Rickshaw is a JavaScript toolkit for creating interactive time series graphs

92 pointsby marsover 13 years ago

8 comments

BIackSwanover 13 years ago
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>
评论 #3341318 未加载
dchesterover 13 years ago
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.
lobster_johnsonover 13 years ago
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.
评论 #3340707 未加载
smhinseyover 13 years ago
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>
评论 #3341228 未加载
danvkover 13 years ago
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
评论 #3340757 未加载
lukeschlatherover 13 years ago
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.
lincolnparkover 13 years ago
Awesome. Maybe you can find a way to work with Mike Bostock on the Cube project. Add some interactivity to real time graphs.
gourneauover 13 years ago
These are gorgeous!
评论 #3340592 未加载