diff --git a/categories/index.md b/categories/index.md
index 3df259c..f4fc299 100644
--- a/categories/index.md
+++ b/categories/index.md
@@ -3,6 +3,12 @@ title: Categories
 layout: page
 ---
 
+<div id='tag_cloud'>
+{% for cat in site.categories %}
+<a href="#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] }} ({{ cat[1].size }})</a>
+{% endfor %}
+</div>
+
 <ul class="listing">
 {% for cat in site.categories %}
   <li class="listing-seperator" id="{{ cat[0] }}">{{ cat[0] }}</li>
@@ -15,3 +21,14 @@ layout: page
 {% endfor %}
 </ul>
 
+<script src="/media/js/jquery.tagcloud.js" type="text/javascript" charset="utf-8"></script> 
+<script language="javascript">
+$.fn.tagcloud.defaults = {
+    size: {start: 1, end: 1, unit: 'em'},
+      color: {start: '#f8e0e6', end: '#ff3333'}
+};
+
+$(function () {
+    $('#tag_cloud a').tagcloud();
+});
+</script>