Smoothie Charts: a small javascript charting library for live streaming data
smoothiecharts.org
smoothiecharts.org
I was also wondering why this is done with canvas rather than SVG.
An initial version of SmoothieCharts used SVG, but I switched to Canvas because I got slightly better performance (which actually surprised me).
That's not strictly true - for very large charts, the SVG ones performed better, but I optimized for the common case.
Recently I've been experimenting with a WebGL version - it gives MUCH better performance than both Canvas (2D) and SVG, but only works on the most recent browsers.
In January, I wrote a tutorial on how to implement this sort of real-time graph in D3.js, using transform transitions. (Don't get distracted by the top example; it's intentionally wonky.)
It's nice that not everything requires jQuery these days.
I am currently using http://rgraph.net and redrawing the graph every so often to get the live feel. I would like to know how your graph performs compared to rgraph?
really, that was only a small part of the problem. what i was actually looking for, was a small charting library for live streaming data. thanks!