การทำ 3D tag cloud โดยใช้ jsTagCloud Plugin (jQuery)

จาก WikiBall

Features

• เป็น Plugin สำหรับ Jquery
• เป็น 3D Cloud Navigator ใช้ร่วมกับ mouse
• เป็น link

Download and demo

• https://projektserver.se/svn/tiny/javascript/jsTagCloud/
• http://slackers.se/resources/demo/jsTagCloud/demo.html

Example

<title>jsTagCloud: 3D Tag Cloud using jsTagCloud jQuery plugin</title>
     google.load("jquery", "1");
     google.setOnLoadCallback(function() {
             jQuery("#cloud").tagcloud({
                     'baseurl' : 'http://viralpatel.net/blogs/tag/',
                     'background' : [255,255,255],
                     'textcolor' : [0,0,128],
                     'interval' : 50,
                     'data' : [
                         {'url':'AJAX', 'tag':'AJAX'},
                         {'url':'browsers', 'tag':'browsers'},
                         {'url':'chrome', 'tag':'chrome'},
                         {'url':'Compression', 'tag':'Compression'},
                         {'url':'CSS', 'tag':'CSS'},
                         {'url':'exception', 'tag':'exception'},
                         {'url':'file-upload', 'tag':'file-upload'},
                         {'url':'firebug', 'tag':'firebug'},
                         {'url':'firefox', 'tag':'firefox'},
                         {'url':'gmail', 'tag':'gmail'},
                         {'url':'google', 'tag':'google'},
                         {'url':'internet', 'tag':'internet'},
                         {'url':'J2EE', 'tag':'J2EE'},
                         {'url':'jar', 'tag':'jar'},
                         {'url':'Java', 'tag':'Java'},
                         {'url':'JavaScript', 'tag':'JavaScript'},
                         {'url':'framework', 'tag':'framework'},
                         {'url':'java', 'tag':'java'},
                         {'url':'javascript', 'tag':'javascript'},
                         {'url':'jboss', 'tag':'jboss'},
                         {'url':'linux', 'tag':'linux'},
                         {'url':'JQuery', 'tag':'JQuery'},
                         {'url':'maven', 'tag':'maven'},
                         {'url':'pdf', 'tag':'pdf'},
                         {'url':'performance', 'tag':'performance'},
                         {'url':'rss', 'tag':'rss'},
                         {'url':'php', 'tag':'php'},
                         {'url':'servlet', 'tag':'servlet'},
                         {'url':'struts', 'tag':'struts'},
                         {'url':'stanford', 'tag':'stanford'},
                         {'url':'tomcat', 'tag':'tomcat'},
                         {'url':'twitter', 'tag':'twitter'},
                         {'url':'Web2.0', 'tag':'Web2.0'},
                         {'url':'ubuntu', 'tag':'ubuntu'},
                         {'url':'wordpress', 'tag':'wordpress'},
                         {'url':'windows', 'tag':'windows'}
                                 ]
                 });
     });
    <br>

Reference

• http://slackers.se/2009/jstagcloud-js-canvas-3d-tag-cloud