This is a truly impressive implementation, based on previous work by Jonathan Feinberg [1]. The display uses SVG, but the character outlines are computed by canvas bitmaps. Then, Jason implemented hierarchical bounding boxes to accelerate the intersection checks. Be sure to play with the draggable "0" and "1" letters beneath the demo!<p>Try clicking on words to navigate between word clouds. The cross-fade transition is beautiful, and words that overlap between clouds transform in their new position.<p>Non-English word clouds look amazing, too:<p><a href="http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D@%D8%B3%D9%88%D8%B1%D9%8A%D8%A9%E2%80%8E" rel="nofollow">http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.tw...</a><p>[1] <a href="http://static.mrfeinberg.com/bv_ch03.pdf" rel="nofollow">http://static.mrfeinberg.com/bv_ch03.pdf</a>
Well done Jason! Finally, a tag cloud written in an accessible technology. Thoughts on using an invisible bounding container for the words? Example: silhouettes, shapes, words. What other features have you contemplated but have not implemented?
So many details to love about this. The little angle control at bottom middle is beautifully interactive. Also the transitions between clouds as you change parameters or choose new words.
This is awesome.<p>Curious detail: any idea why searching for "Islam" seems to make things go haywire?<p><a href="http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fen.wikipedia.org%2Fwiki%2F{word}@Islam" rel="nofollow">http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fen.wikipe...</a><p>Perhaps it's to do with the Arabic script corrupting the SVG somehow?