How to Create a Cloud Chart?

Question

I've seen these charts referred to as tag clouds, task clouds, and cloud charts, but can anyone recommend a pure JavaScript (no Flash please) library or utility with which one can generate cloud charts? Many thanks.

Answer 1

You could easily do it with your CMS and css

<div class=".cloud">
   <a href="#" class="weight-1">Cloud</a>
   <a href="#" class="weight-2">Cloud</a>
</div>

css:

.cloud .weight-1 { font-size: 10px; }
.cloud .weight-2 { font-size: 15px; }

Your CMS would generate the weights and apply the appropriate styling.

Answer 2

I would check out timecloud. Uses jQuery, here is the github page:

http://github.com/stef/timecloud

Another good one that uses jQuery, DynaCloud:

http://johannburkard.de/blog/programming/javascript/dynacloud-a-dynamic-javascript-tag-keyword-cloud-with-jquery.html

Answer 3

For a library independent JavaScript solution check:

• tagCloud: JavaScript TagCloud Generator

I uploaded 2 demos:

• Basic
• Search