Create a tag cloud/Wordle presentation on a HTML5 canvas element.

This library is a spin-off project from HTML5 Word Cloud.

Load wordcloud.js script to the web page, and run:

WordCloud(document.getElementById('my_canvas'), { list: list } );

where list is an array that look like this: [['foo', 12], ['bar', 6]].

Options available, see API documentation for detail.

Before putting each word on the canvas, it is drawn on a separate canvas to read back the pixels to record is drawn spaces. With the information, wordcloud.js will then try to find a place to fit the word that is closest to the start point.

Semi-automatic tests are available with QUnit.

Unfortunately, even with all the randomness options disabled, the output will still depend on the browser and the font rendering of the OS (and ClearType settings!). Hence, I cannot supply a set of reference images. The tests won't pass unless you manually confirm them in your environment first -- subsequent tests are considered passed if the reference image exists (saved when you confirm the output) and the output is identical to it pixel-by-pixel.