JQuery Timecloud v1.0
http://flickr.com/photos/pagedooley/2511369048/
JQuery Timecloud v1.0
Lately I have been trying to visualize a couple of things around me. One of the results is this JQuery Timecloud plugin producing somewhat nice looking animated tagclouds.
In the screenshot below I processed the Subversion logs of the Tikiwiki project and plotted the number of changes (commits) by developers over time.
As you can see below, the timecloud widget provides a similar interface to the Google Finance timeseries. In the top you have an overall view of all time activities, here you can zoom the timeframe and pan the selection.
Underneath there is a zoomed in view of the currently viewed timespan.
The first button starts/stops the animation, where the time frame is automatically advanced to the next day, thus creating an impression of moving through time. With the second button you can step forward by one frame, dunno if this is really necessary, it might be removed later.
HINT: If you set the timeframe in the overview to cover the whole dataset, you will be able to see an all encompassing tagcloud, but won’t be able to animate it.
If you’re interested head over to to the project home and have fun!
Cheers,
s
[UPDATE] In the download package there is an example which let’s you visualize your delicious tags in such a tagcloud, unfortunately it needs a PHP enabled webserver to run.
[UPDATE2] a live example can be found here and one for your delicious tags
[UPDATE3] the project home moved to ohloh.net, all references updated. development and versiontracking is still at github.
[UPDATE4] demos found a new home.
very cool
This Could Be HUGE!
2009/01/3 at 20:27
Cool, this lens to the graph script.
Are you working on getting this to work in IE as well?
I’d love to know if you get it working in a browser independent way.
Michel
2009/01/22 at 17:22
Thank you Michel. I have added excanvas support in v1.1.1. The only thing that depends on it is actually the sparkline, but i cannot test it, since i have no access to IE. *grin*
I would love to have some feedback on experiences with other browsers.
cheers,s
s
2009/01/22 at 21:11
No IE? Your on unix only?
I tried the live example on the site : http://www.ctrlc.hu/timecloud/ . In Firefox this works fine, but in IE it fails. I guess that means this site is still on timecloud 1.0?
The sparklines 1.2.6 works in IE as well (as far as I know) (only a bit slower).
It’s hard to say what goes wrong in IE.
I will make a setup on my local machine to see how it works with the timecloud 1.1.1 in IE and Firefox.
Cheers,
Michel
Michel
2009/01/22 at 22:10
[...] a comment » Jquery UI v1.7 came out yesterday. The new timecloud v1.2 already supports this upgrade. Enjoy. Possibly related posts: (automatically [...]
timing « /dev/blog
2009/03/7 at 2:09
really wonderful!
I was looking for exactly this… (to be honest, I was trying to make something similar, but I’m just a beginner with js).
I appreciate a lot the good documentation, also :)
thanx a lot
cal
2009/04/16 at 23:38
thank you sir! good docs are half the rent. :)
s
2009/04/17 at 0:44