I would like to share a simple and efficient way of creating tagclouds that I discovered very recently. A Tag Cloud is a pictorial representation of some tags\/text. The size of the tag\/text is drirectly proportional to the weightage of that tag\/text. A sample tag cloud could be seen on our blogs site.<\/p>\n
How to do it?<\/p>\n
[java]A very simple way of making it possible is just by making a Map having the Tag as key and its occurrences as the value. [\/java]<\/p>\n
The presence of redis makes me think that it is not at all taxing for my poor server.<\/p>\n
Redis provides a data-structure called Sorted Set. In Sorted sets, every member of a Sorted Set is associated with score, that is used in order to take the sorted set ordered, from the smallest to the greatest score. While members are unique, scores may be repeated.<\/p>\n
We can use the Sorted Set to contain the Tags as value and their corresponding weightage as score. This way we have a Sorted Set of all the Tags. We may choose to select top 50 Tags from the Sorted Set. <\/p>\n
Prerequisite: You must have Redis installed and running on your machine. Here is a link to Redis site showing how to do it http:\/\/redis.io\/download<\/p>\n
Here is an example of showing top 50 tags from Blog domain class.<\/p>\n
[java]
\nclass Blog{
\n String content
\n String title
\n static hasMany = [categories: String]
\n}
\n[\/java]<\/p>\n
The code for generating the tagCloud is:<\/p>\n
[java]
\n Jedis redis = new Jedis("localhost");
\n redis.connect();<\/p>\n
for (def blog: Blog.list()) {
\n blog.categories.each {catgry ->
\n redis.zincrby(‘tag-cloud-sorted-set’, 1, "${catgry}")
\n }
\n }<\/p>\n
Map tagCloud = [:]
\n Set<String> categories = redis.zrevrange(‘tag-cloud-sorted-set’, 0, 50)
\n int size = 30
\n categories.eachWithIndex {catgry, idx ->
\n if (idx % 15 == 0) {
\n size = size – 3
\n }
\n tagCloud.put(catgry, size.toString())
\n }
\n return tagCloud<\/p>\n
[\/java]<\/p>\n
Once we get the Map of tagCloud we can render it as follows:
\n[java]
\n \t\t<g:each in="${tagCloud.keySet()}" var="key" status="idx">
\n <g:link action="search" controller="feed" params="[category: key]"
\n style="font-size: ${tagCloud.get(key)}px;">${key}<\/g:link>
\n <\/g:each>
\n[\/java]
\n
\nHope this helps!!!
\n
\nBest Regards
\nMohd Farid
\nfarid@intelligrape.com
\n@faridiflex<\/p>\n","protected":false},"excerpt":{"rendered":"
I would like to share a simple and efficient way of creating tagclouds that I discovered very recently. A Tag Cloud is a pictorial representation of some tags\/text. The size of the tag\/text is drirectly proportional to the weightage of that tag\/text. A sample tag cloud could be seen on our blogs site. How to […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":1},"categories":[7],"tags":[4840,857,1081,1080],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/8705"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=8705"}],"version-history":[{"count":1,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/8705\/revisions"}],"predecessor-version":[{"id":54609,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/8705\/revisions\/54609"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=8705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=8705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=8705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}