TagPie Demo

This is a demo of using pie charts to display tag information. It uses del.icio.us and the pie chart from Gheos. Feedback and discussion to Freshblog.

Click the button below to see the demo. Code is below. The parameters are fairly self-explanatory: threshold is the number of tags to show (set to zero for all - not recommended) and size is the size of the TagPie.

Settings

Delicious username:  Filter tags: 

Threshold:  Size: 

Code for TagPie

I would strongly discourage you from using this on your pages. It's really just a proof-of-concept and intended to stimulate some discussion on novel means for displaying tags. However, if you absolutely have to have this, just paste the below into your header:

Header Code

<script type="text/javascript"> function launchTagPie(divid, del_user, anchor, th, si) { threshold=th; size=si; var s=document.createElement('script'); s.src=" http://del.icio.us/feeds/json/tags/"+del_user+"/"+anchor+"?sort=freq&count=100&callback=makeTagPie"; document.getElementsByTagName('head')[0].appendChild(s); return; } function makeTagPie(obj) { var a=anchor.split('+'); for (var l=0;l<a.length; l++) delete obj[a[l]]; var GheosPie=''; var maxC=0, c=0; for(var t in obj) if(threshold==0||c++<threshold) maxC+=obj[t]; c=0; for(var t in obj) if(threshold==0||c++<threshold) GheosPie+=t+'='+ Math.round(100*obj[t]/maxC)+'&'; GheosPie+='size='+size; var i=document.createElement('img'); i.src= 'http://gheos.org/g/gheos.net/js/pie/freepie.php?'+GheosPie; i.className='pie'; var d=document.getElementById(divid); if (d.firstChild) d.removeChild(d.firstChild); d.appendChild(i); return; } </script>

Put this code in your body where you want the TagPie to appear:

Body Code

<div id="tagpie"></div> <script type="text/javascript"> launchPie('tagpie', 'myuser', 'myfilters', 10, 50); </script>

Use the values for your Delicious username (eg myuser), filter tags (eg myfilters), threshold (eg 10) and size (eg 50) that you want.

---

This work is licensed under a
Creative Commons Attribution-ShareAlike 2.1 Australia License.

Home

---

Read and discuss more about this TagPie Demo on Freshblog

---

---

Need to batch edit your delicious bookmarks? Try out Scripted Re-Mark.

---

Bookmarked your own content? Then use your tags to navigate with FreshTags.

---

Suffering Tagger's Block? Check out Auto-Tagger - automated tag suggestion for del.icio.us.

---

Swamped by all those social bookmarking buttons? Let PopMarks take care of it for you.

---