jQuery Tag Cloud looking like a 3d sphere. 3d animated tag cloud generated from an array. you can easily customize it by tweaking the params. You can also find this plugin available at https://plugins.jquery.com/tagcloud/
Here is an example for you. You can also view this demo here.
<!doctype html public "lice"><!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--><!-- Consider adding a manifest.appcache: h5bp.com/d/Offline --><!--[if gt IE 8]><!--><htmlclass="no-js" lang="en"><!--<![endif]--><head><metacharset="utf-8"><title>jQuery tagcloud</title><scripttype="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script><scripttype="text/javascript" src="https://rawgithub.com/dynamicguy/tagcloud/master/src/tagcloud.jquery.js"></script><style>/* Brute force CSS reset... */* {
resize: none;
border: none;
outline: none;
text-decoration: none;
padding:0px;
margin:0px;
list-style-type: none;
}
</style><scripttype="text/javascript">varsettings={//height of sphere containerheight: 400,//width of sphere containerwidth: 400,//radius of sphereradius: 150,//rotation speedspeed: 3,//sphere rotations slowerslower: 0.9,//delay between update positiontimer: 5,//dependence of a font size on axis ZfontMultiplier: 15,//tag css stylies on mouse overhoverStyle: {border: 'none',color: '#0b2e6f'},//tag css stylies on mouse outmouseOutStyle: {border: '',color: ''}};$(document).ready(function(){$('#tagcloud').tagoSphere(settings);});</script></head><body><!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6. chromium.org/developers/how-tos/chrome-frame-getting-started --><!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]--><divid="tagcloud"><ul><li><ahref="#">dazzlingly</a></li><li><ahref="#">natatory</a></li><li><ahref="#">automa</a></li><li><ahref="#">vinologist</a></li><li><ahref="#">castrate</a></li><li><ahref="#">airfoil</a></li><li><ahref="#">unpaintedly</a></li><li><ahref="#">caffetannic</a></li><li><ahref="#">fissirostrate</a></li><li><ahref="#">gingivectomy</a></li><li><ahref="#">pinprick</a></li><li><ahref="#">forecount</a></li><li><ahref="#">anorthophyre</a></li><li><ahref="#">tram</a></li><li><ahref="#">democratian</a></li><li><ahref="#">ungovernedness</a></li><li><ahref="#">anaesthesia</a></li><li><ahref="#">Eutychian</a></li><li><ahref="#">insalutary</a></li><li><ahref="#">amphilogism</a></li><li><ahref="#">reshunt</a></li><li><ahref="#">wende</a></li><li><ahref="#">ope</a></li><li><ahref="#">Bomarea</a></li></ul></div></body></html>