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.

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.
23 May, 2009 12:29
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?
23 May, 2009 13:03
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 [...]
04 June, 2009 14:42
Polski Sklep said…
I have got the very same issue. Both cores of my CPU are 100% used :(
29 June, 2009 18:27
mpapis said…
I use Firefox 3.0.11 on Linux openSuSE 11.0
30 June, 2009 16:33
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!
13 March, 2010 04:16
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!
13 March, 2010 08:01
herana said…
This comment has been removed by a blog administrator.
31 March, 2010 06:02
Matthew McDermott said…
Do you have a working copy??
29 August, 2011 14:49
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
30 August, 2011 07:54
Post a Comment

Popular posts from this blog

Cubing for charity #4

-
Image
The recent months I've been neglecting my  Cubing for charity  project. But a fter viewing a great   TED talk by Lisa Kristine  about modern day slavery  I've decided that the next   Cubing for charity   must go to  Free the Slaves .  Thanks to all users Rubik's Cube Algorithms who by their inherent nerdiness made this possible! 
Read more

jQuery floating table header plugin

-
A jQuery plugin that makes the header of a table floating if the original header isn't visible due to scrolling. The plugin will automatically choose the thead tag as the header for a table. If thead isn't found it will search for rows marked with the class 'floating'. The behavior can be changed by the settings forceClass and markingClass. News 2012-08-19 This plugin is no longer maintained by me and this page will therefore not be updated anymore. 2011-01-04 1.4.0 ! Lazy loading of tables and performance optimations by Jason Axley 2010-08-02 1.3.0 ! Better ie6 support, http://plugins.jquery.com/node/16655 Fixed parameter name typo, http://plugins.jquery.com/node/16819 2010-07-08 1.2.0 ! Fixed a few bugs and added reinit and recalculate functions to the table. 2009-10-19 1.1.0 ! Better compatibility, better tested. There are still some problems with IE6 that i would like to have some help with. 2009-10-15 1.0.7 is out! With all fixes made...
Read more

Seascape - OpenVR adaptation of a 4k intro

-
Image
At Revision this year I competed in the 4k intro competition with an intro called 'falling'. Because I've been doing a lot of VR related stuff lately I decided to convert the intro into an interactive VR experience(?). The original shader is a single raymarched scene which means that demo is very demanding on the GPU. But you can provide a scale factor for the framebuffers on the command line to get acceptable framerate. The binaries are compiled for Windows 10 and can be downloaded here . I suggest putting on some nice background music like  Röyksopp  for maximum effect. If you're not that into VR you can go over to Shadertoy and watch the intro instead,  https://www.shadertoy.com/view/4dcSDN .
Read more