//Karthik Srinivasan

Product Engineer, CTO & a Beer Enthusiast
Experiments, thoughts and scripts documented for posterity.

Quirky Personal Projects

LinkedIn

Email me

jQTagCloud - Simple Tag Cloud in jQuery

Dec, 2013

A simple tag cloud plugin that I built in JQuery (1.5kb in size uncompressed). https://github.com/karthik20522/jqTagCloud

An example usage:
 <div id="panel">                
	<a count="38" href="#">Horizontal</a>
	<a count="76" href="#">FullLength</a>
	<a count="14" href="#">Japan</a>
	<a count="38" href="#">Toyota Stadium</a>
	<a count="59" href="#">Toyota</a>
</div>

<script>
	$("#panel").jqTagCloud({ maxSize: 30, minSize: 12 });
 </script>
maxSize: Maximum font size to use < br > minSize: Minimum font size to use < br >
Multiple tag clouds can be used on same page. Checkout the example file for demo:
$("#panel").jqTagCloud({maxSize: 30, minSize:12 });
$("#panel2").jqTagCloud({maxSize: 35, minSize:10 });





Screenshot usage of this plugin: