Javascript graphs
Sometimes we need to present our sets of data in a webpage in a manner more friendly for the user. Graphs are suited for this. We can do this serverside, generating an image and send to browser, or make use of different scripts to draw the data straight in the browser. This is a very easy way for very dynamic data, we being able to use some ajax functions to fetch dat from server and draw the graph in real time.
Below we’ll try to give some example of such scripts.
This script requires Mochikit 1.0+ and sadly, is not working on IE.
As the name sais, requires YUI, and flash plugin.
flot - Attractive Javascript plotting for jQuery
Requires jQuery. Also has some interactivity functions ( zoom to a range, hide/show dataset, return coordinates of point clicked, etc)
” Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them.”
Plotkit needs MochiKit 1.3 or higher and works in all major browsers, switching to svg/canvas/ vml based on browser’s capabilities.
“Chronoscope supports interactive framerates on datasets with tens of thousands of points by using multiresolution representation and incremental streaming.” It accept mouse and keyboard commands, like zoom, pan, drag-drop, contextual menu, etc..
plootr works with mootools v1.11.
This script is based on Prototype.js. It seems to have some limitations, like only positive numbers, or only integer, and is intended to dispaly monthly based data.Last version allows to create multiple graphs in page.
This reminds me of some lyrics of Orbital’s “Time Becomes”, which uses a soundbite from Star Trek:
“”There is the theory of the mobius, a twist in the fabric of space where time becomes a loop, time becomes a loop, time becomes a loop, time becomes a loop …”
Is it just me, or has this post been duplicated in itself several times?
(Nice post, BTW :) )
I think it’s a computer conspiracy against humanity…
yeah, seems so… :)
thanks for help