jsTagCloud - JS canvas 3D tag cloud

jsTagCloud is a tag cloud plugin for jQuery. It uses the canvas element to render a 3d cloud that can be rotated with the mouse. It's made as a proof of concept, but it would be great if this someday evolved into a Wordpress plugin. So far i've only been able to test it in these browsers:
  • Firefox/3.0.10 - Ubuntu 9.04 x64
  • yes, only one

The tags in the demo is from this page and they should be clickable as well. The configuration of the plugin should be pretty obvious if you take a look at the source of demo.html.

Features

  • It's made as a jQuery plugin.
  • Navigate the 3d cloud with the mouse pointer
  • Clickable links
  • I just wanted more than 3 items on my feature list :)

Download and demo

The source can be found at:
https://projektserver.se/svn/tiny/javascript/jsTagCloud/
And a demo can be found at:
http://slackers.se/resources/demo/jsTagCloud/demo.html

FAQ

q: Why is the text size jumping?
a: Because i couldn't find any way to scale strings between integer font sizes
q: Can the tags be ordered by the number of items using them, just like in the cloud to the right?
a: No, everything is placed on a unit sphere with the help of our friendly PRN-generator.
q: The selection seems to be off, what's up with that?
a: Yes, sometimes the selection is a bit off. Don't really know why right now.

10 comments:

mpapis said...

Why this cloud is so slow, it has eaten both cores of my dual core CPU and still was very slow, almost 1pixel per second.

erik said...

Unfortunately I haven't had the time to test this on any other system than my own. But on my machine it takes almost 0% CPU. What browser are you using?

Create 3D tag cloud using jsTagCloud jQuery plugin - viralpatel.net said...

[...] roaming around on internet, I found this really cool jQuery plugin jsTagCloud that generates 3D tag cloud!! The result is [...]

Polski Sklep said...

I have got the very same issue. Both cores of my CPU are 100% used :(

mpapis said...

I use Firefox 3.0.11 on Linux openSuSE 11.0

Air Jordan said...

What a great blog! It is a pity that I can not find RRS address. If RRS offers a subscription service, I can easily follow your blog!

Air Jordan said...

What a great blog! It is a pity that I can not find RRS address. If RRS offers a subscription service, I can easily follow your blog!

潘云闲 said...
This comment has been removed by a blog administrator.
Matthew McDermott said...

Do you have a working copy??

erik said...

Sorry this is a 2 year old post, I don't really recommend using the cloud for anything other than looking at the code actually. Cheers