~stef/blog/

Jquery UI v1.7 came out yesterday. The new timecloud v1.2 already supports this upgrade.  Enjoy.

Good news everyone. A fresh timecloud release is awaiting you. Stuff that changed:

• you can embed multiple timeclouds in a page
• lot's of bug fixes
• updated to the latest versions of jquery (1.3.2), jquery-ui (1.6rc6), sparkline (1.4)

Head over to the project page or directly to the downloads while it's fresh. If you're inclined you're welcome to the git repo as well.

After looking into the problem with jquery 1.3+ and timecloud widget, the issue seems to be, that the culprit was my upgrade of jquery-ui to 1.6rc6 up from the 1.5 branch. The slider widget was heavily rewritten if i understand this mailing-list thread correctly.

My guess is, that there is a discrepancy between different versions of  jquery and the slider widget. The timecloud widget will work with jquery 1.3+, but without correctly working sliders.

i'll need to dig deeper to work this out.

seems like those two don't like each other yet - as far as the slider controls are a concern. sorry folks, in the mean time stick with jquery-1.2.6.

cheers,

s

After some further development yesterday came v1.1 and now today v1.1.1 with some additional fixes. Head on over to the shiny new project website and grab your copy while it's hot. There are also some updated examples

• Tikiwiki subversion activities (also on screenshot),
• view your delicious tags in real-time

Hint: try to scroll the view with your mousewheel. If you're using this widget, please let me know, thanks! enjoy! update: fixed link to subversion example. updated: links to demos.

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.