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.

Cubism.js: time series visualization

219 pointsby dmarinocabout 13 years ago

14 comments

mbostockabout 13 years ago
Full-screen demo: <a href="http://square.github.com/cubism/demo/" rel="nofollow">http://square.github.com/cubism/demo/</a><p>Part of the Cube 0.2.0 release: <a href="https://github.com/square/cube/wiki/Release-Notes" rel="nofollow">https://github.com/square/cube/wiki/Release-Notes</a> <a href="http://square.github.com/cube/" rel="nofollow">http://square.github.com/cube/</a><p>If someone would suggest a reliable, free source of realtime data that won't fall under peak load from HN, I'd be happy to replace the random walk data source with something more realistic. (For example, stock data, wind measurements, etc.) I added a sine to the random walk to make it a bit more interesting, but these visualizations are much more compelling with real data.
评论 #3884647 未加载
评论 #3884671 未加载
评论 #3888520 未加载
erikwbabout 13 years ago
We're now using this for production metrics at Square - thanks to the builtin Graphite support - and it's changed everything about how we can visualize them. This is faster, more intuitive, and more beautiful than anything that rrdtool graph or Graphite's grapher can kick out. Absolutely recommended to anybody who needs to have realtime visual feedback about system performance.
lunaruabout 13 years ago
I'm less interested with the graphing and more interested in Cube itself, which seems to be a nice simple data warehouse solution.<p>Has anyone used this in production? How does it compare with other data warehousing projects? Are there any prominent alternatives?
评论 #3887433 未加载
NelsonMinarabout 13 years ago
This new library looks great; it basically lets you do fancy visualizations of time series with data from any time series database. There's Graphite import code already. Square's related project Cube includes its own datastore; Cubism.js just pulls out the visualization part to use with your own datastore.
orofinoabout 13 years ago
This is interesting, I do want to ask though why you went with stacked graphs as opposed to overlaid line graphs. This makes sense when comparing disparate data points (Load vs Memory vs HTTP Requests), but are you doing this with similar data points as well?<p>The full screen demo is really what triggered the question for me. I've got a bunch of servers that we monitor and have found that a single graph that shows load for every server gives me a better indicator for those that are outliers. Perhaps you're just not using this for that purpose.<p>Would love to hear some of the use cases, are you doing all of your graphing with this?
评论 #3886735 未加载
AsylumWardenabout 13 years ago
Really nice graphics. It might be interesting to be able to select a region and have a pop-out that zooms into that region and maybe shows additional information. For example, showing cpu performance I would like to select a region where performance declines and get a pop-out that shows a more detailed view and includes network, disk access and memory statistics. I am sure there are many more uses though. Keep up the nice work!<p>Edit: Not really the purpose I know but it was just something that struck me as a possible use case.
vessenesabout 13 years ago
I was just coding up some d3 time series visualizations, and bang! Square delivers. Thanks mbostock!!
emehrkayabout 13 years ago
Doesnt work in webkit nightly.<p><pre><code> TypeError: '[object HTMLDivElement]' is not a function (evaluating 'callback.apply(this, (arguments[0] = this, arguments))')</code></pre>
评论 #3886246 未加载
morenoh149about 13 years ago
first time web guy here. Any answers would be appreciated <a href="http://stackoverflow.com/questions/10326902/how-to-scrape-real-time-data-and-load-it-into-cubism-js" rel="nofollow">http://stackoverflow.com/questions/10326902/how-to-scrape-re...</a>
valladontabout 13 years ago
Wonderful, I will be able to use this in an upcoming project. Thank you. :)
a_macgregorabout 13 years ago
Amazing work!! Bravo Sir, just Bravo!!
rellikabout 13 years ago
Doesn't work on android =/
评论 #3885333 未加载
allanscuabout 13 years ago
This is amazing! Kudos!
gcbabout 13 years ago
never heard of horizon charts before, and found it amazing.<p><a href="http://vis.berkeley.edu/papers/horizon/" rel="nofollow">http://vis.berkeley.edu/papers/horizon/</a>
评论 #3886605 未加载