Online Demo
If you want to create a nice text cloud or tag cloud effect, you can consider using D3-cloud, which is an awesome open source font cloud effect JavaScript class library, based on the well-known d3.js, can help you generate similar wordle.com style fonts or tag cloud effects.
This class library uses the HTML5 canvas to generate the font effect, and the entire layout algorithm can be implemented asynchronously, only to set the time block size. and supports animated effects. The overall performance is very good.
text, font and font size, rotation, and border distances can all be customized. Contains two events:
- word– when each text is added and triggered
- end– triggers when all text is added
Of course, Web fonts are supported, and you can use @font-face to set the font style. If you can apply to your own website, it will certainly be able to give your site a lot of color!
Source: Super Cool JavaScript text cloud/Tag cloud effect –d3 Cloud