Question

Does anyone know how to achieve a 3D sphere tag cloud, like on this site:

http://krypted.com/

Is there a Javascript library that can easily do this, or was it most likely written by hand?

Was it helpful?

Solution

That is done in Flash using the WP-Cumulus plugin. While there are ways to accomplish it in javascript I haven't seen any ready-made products that do just that.

OTHER TIPS

I've tried to create simple "Sphere tag cloud" in JavaScript:

http://jstagsphere.sourceforge.net/

The main idea is to show how to create it - you can use it as is or improve in any way.

Have a look at TagCanvas which draws to HTML5 canvas and is available either as stand alone JS or jQuery plugin. Looks the same as the spherical example in flash and has options for other shapes too.

It's a wordpress plugin: 3D tag cloud If you are putting it in a wordpress blog, you could just use that. If you want to put it somewhere else, you could download that plugin and check out the source.

I am creating another JavaScript 3D Tag-Cloud called rotator-js. It's working quite well. I try do optimize performance as much as possible.

https://github.com/ernesto-sun/rotator-js

At the readme-file at github you find more JS-3D-Tag-Spheres.

Hope that helps!

You could write this in javascript using the canvas tag, but it would not work on IE, unless they fixed the problem with excanvas.js where you can now display text.

But, if you wanted it to work on FF3, Opera, Safari and Chrome then you can implement it, but it would have to be done by hand, as I don't know of any javascript library to do something like this.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top