Beyond Tag Clouds: TagArcs for WordPress Tag Visualization

Tag clouds are very useful to visualize the most frequently used tags on a website, e.g. a blog. This is done by steering attention through emphasized words whose font size, color or position stands out. But nothing can be found out about temporal relation of a tag’s posts. For me this became evidently on my own tag cloud (see left) which still rates ‘Lima‘ at the leading position whereas the related articles are more then three years old.
More unfortunately is the missing relation to other tags. While one tag is really highlighted the user can not figure out anything about related tags who may appear concurrently.
In order to push semantic visualization I am going to introduce TagArcs as meaningful and eye catching way to outline relationships between tags and posts.



On the x-axis you can see all posts. Tags itself can be seen as links between posts. The more tags two post have in common the thicker the arc is shown. A TagArc shows links between related posts over time.

To see how looks and to get a feeling for TagArcs I have been developing a tiny WordPress plugin. The powerful visual programming library of protovis has been very valuable for my purposes.

Determine nodes and their linking from WP posts respectively tags.
$options = 'numberposts=500&order=DESC&orderby=date';
$ii = 0;
$arr = array();

$postslist = get_posts($options);
global $wpdb;
foreach ($postslist as $post){
setup_postdata($post);
$name = split(' ', $post->post_date);
$nodes .= '{nodeName:"' . $name[0] . '", group:2},';
$arr[$post->ID] = $ii;
$ii++;
}

$postslist = get_posts($options);
global $wpdb;
foreach ($postslist as $post){
setup_postdata($post);

foreach (get_the_tags(''.$post->ID) as $tag){
$t = get_posts('tag='.$tag->name);
foreach ($t as $relpost){
if ($relpost->ID != $post_id){
$a = $arr[$post->ID] != null ? $arr[$post->ID] : 0;
$b = $arr[$relpost->ID] != null ? $arr[$relpost->ID] : 0;
if($a > 0 && $b > 0)
$links .= '{source:' . $a .' ,target:' . $b . ',value:1},';
}
}
}
}

Some more lines to feed Protoviz:
var nodes = {nodes:[' . $nodes . ' ]};
var links = { links:[ '. $links.' ]};

var vis = new pv.Panel()
.width(800)
.height(400)
.margin(10)
.bottom(20);

var layout = vis.add(pv.Layout.Arc)
.nodes(nodes.nodes)
.links(links.links);

layout.link.add(pv.Line)
.lineWidth(function(d) d.linkDegree*0.1);

layout.node.add(pv.Dot)
.size(function(d) d.linkDegree + 2)
.fillStyle(pv.Colors.category20().by(function(d) d.group))
.strokeStyle(function() this.fillStyle().brighter());

//layout.label.add(pv.Label);

vis.render();
All code snippets from above can be sticked together in a single WordPress plugin which I am going to release as soon as I’ve finished the other visualization ideas for WordPress.

These are the TagArcs of my blog. In comparison to arcs above it can be seen that there have been more separated post clusters during the past years. Almost in the center of the time line the posts were very closely linked with each other. Recent activity is strongly related to a bunch of post I have been written two years ago.

 

UPDATE: https://github.com/nise/wordpress-tag-arcs

Possible improvements of TagArcs could be:
* display exact temporal position on x-axis
* use different colors for post within the same category
* enable interaction, e.g. hiding not selected tag-relations or show meta data when hovering a post dot or tag arc.
* filter by category, common tag count, time, …
* compare two categories by their intermediate tags

Any other ideas?

122 thoughts to “Beyond Tag Clouds: TagArcs for WordPress Tag Visualization”

  1. Nice post. I used to be checking constantly this weblog and I’m inspired! Extremely helpful info specifically the closing part 🙂 I care for such info a lot. I was looking for this particular info for a long time. Thanks and best of luck.

  2. Hmm is anyone else having problems with the pictures on this blog loading? I’m trying to determine if its a problem on my end or if it’s the blog. Any responses would be greatly appreciated.

  3. I am usually to running a blog and i actually appreciate your content. The article has really peaks my interest. I’m going to bookmark your site and maintain checking for new information.

  4. I’ve been browsing online more than three hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. In my opinion, if all website owners and bloggers made good content as you did, the internet will be a lot more useful than ever before.

  5. Hi, Neat post. There’s a problem with your web site in internet explorer, would test this… IE still is the market leader and a large portion of people will miss your great writing due to this problem.

  6. Hey There. I found your weblog using msn. That is a really smartly written article. I’ll make sure to bookmark it and come back to read extra of your useful info. Thank you for the post. I’ll certainly comeback.

  7. A formidable share, I simply given this onto a colleague who was doing somewhat analysis on this. And he in reality purchased me breakfast as a result of I found it for him.. smile. So let me reword that: Thnx for the treat! However yeah Thnkx for spending the time to discuss this, I really feel strongly about it and love reading more on this topic. If possible, as you turn out to be experience, would you mind updating your weblog with more particulars? It is extremely helpful for me. Large thumb up for this weblog submit!

  8. Nearly all of the things you claim is astonishingly legitimate and it makes me wonder why I had not looked at this in this light before. This article truly did turn the light on for me as far as this particular subject goes. But at this time there is actually one issue I am not too comfy with so whilst I attempt to reconcile that with the actual central theme of your position, allow me see exactly what all the rest of the readers have to point out.Well done.

  9. Helpful information. Lucky me I discovered your site by chance, and I am shocked why this coincidence didn’t took place earlier! I bookmarked it.

  10. Youre so cool! I dont suppose Ive read anything like this before. So nice to search out someone with some original thoughts on this subject. realy thank you for starting this up. this website is one thing that is wanted on the net, someone with a little originality. useful job for bringing something new to the internet!

  11. I think this is among the most significant info for me. And i’m glad reading your article. But want to remark on some general things, The site style is perfect, the articles is really excellent : D. Good job, cheers

  12. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You obviously know what youre talking about, why throw away your intelligence on just posting videos to your blog when you could be giving us something enlightening to read?

  13. I am often to running a blog and i actually recognize your content. The article has really peaks my interest. I am going to bookmark your site and hold checking for brand spanking new information.

  14. hey there and thanks on your information – I have definitely picked up anything new from proper here. I did then again experience a few technical issues the use of this site, as I experienced to reload the web site lots of times prior to I may get it to load correctly. I have been wondering if your web hosting is OK? No longer that I’m complaining, however slow loading circumstances instances will sometimes have an effect on your placement in google and could damage your quality rating if advertising and ***********|advertising|advertising|advertising and *********** with Adwords. Anyway I am adding this RSS to my e-mail and can look out for much extra of your respective fascinating content. Make sure you replace this again soon..

  15. We’re a group of volunteers and starting a new scheme in our community. Your web site offered us with valuable info to work on. You’ve done an impressive job and our whole community will be grateful to you.

  16. Great blog here! Also your website loads up very fast! What web host are you using? Can I get your affiliate link to your host? I wish my web site loaded up as fast as yours lol

  17. Excellent goods from you, man. I’ve keep in mind your stuff prior to and you are simply too great. I really like what you’ve received here, certainly like what you are stating and the way through which you are saying it. You’re making it enjoyable and you continue to take care of to stay it wise. I cant wait to learn much more from you. This is really a wonderful web site.

  18. Great blog here! Also your web site loads up very fast! What web host are you using? Can I get your affiliate link to your host? I wish my website loaded up as fast as yours lol

  19. Thanks a lot for sharing this with all of us you really know what you’re talking about! Bookmarked. Please also visit my web site =). We could have a link exchange contract between us!

  20. Usually I don’t learn article on blogs, but I wish to say that this write-up very pressured me to take a look at and do so! Your writing taste has been amazed me. Thanks, very great post.

  21. I simply desired to thank you so much once more. I am not sure the things that I could possibly have done without the entire ways shown by you regarding my theme. It had become the hard situation in my circumstances, nevertheless taking a look at the professional approach you managed that took me to cry over gladness. I’m thankful for your advice and trust you find out what a powerful job you were putting in training some other people thru a blog. I know that you’ve never come across all of us.

  22. wonderful post, very informative. I’m wondering why the opposite experts of this sector don’t understand this. You should continue your writing. I am confident, you’ve a great readers’ base already!

  23. Nice blog here! Also your web site loads up fast! What host are you using? Can I get your affiliate link to your host? I wish my site loaded up as quickly as yours lol

  24. I haven’t checked in here for some time as I thought it was getting boring, but the last several posts are good quality so I guess I will add you back to my everyday bloglist. You deserve it my friend 🙂

  25. Thanks a bunch for sharing this with all of us you actually know what you are talking about! Bookmarked. Please also visit my site =). We could have a link exchange contract between us!

  26. Hi, Neat post. There is a problem along with your site in web explorer, could test this… IE still is the marketplace chief and a big part of people will omit your wonderful writing due to this problem.

  27. Admiring the dedication you put into your site and in depth information you present. It’s awesome to come across a blog every once in a while that isn’t the same out of date rehashed information. Excellent read! I’ve saved your site and I’m including your RSS feeds to my Google account.

  28. Hey very cool blog!! Man .. Beautiful .. Amazing .. I’ll bookmark your site and take the feeds also…I am happy to find a lot of useful info here in the post, we need work out more techniques in this regard, thanks for sharing. . . . . .

  29. I like the valuable info you provide in your articles. I will bookmark your blog and check again here regularly. I’m quite sure I’ll learn many new stuff right here! Good luck for the next!

  30. Hello there! This is kind of off topic but I need some help from an established blog. Is it difficult to set up your own blog? I’m not very techincal but I can figure things out pretty fast. I’m thinking about creating my own but I’m not sure where to begin. Do you have any tips or suggestions? Many thanks

  31. I will immediately grab your rss feed as I can not find your email subscription link or e-newsletter service. Do you have any? Please let me know in order that I could subscribe. Thanks.

  32. Spot on with this write-up, I actually suppose this website wants rather more consideration. I’ll in all probability be again to learn rather more, thanks for that info.

  33. I think this is one of the most important info for me. And i’m glad reading your article. But wanna remark on some general things, The site style is ideal, the articles is really excellent : D. Good job, cheers

  34. Greetings from Carolina! I’m bored to tears at work so I decided to check out your site on my iphone during lunch break. I really like the knowledge you provide here and can’t wait to take a look when I get home. I’m amazed at how quick your blog loaded on my mobile .. I’m not even using WIFI, just 3G .. Anyways, good blog!

  35. Hey very nice web site!! Man .. Excellent .. Amazing .. I’ll bookmark your site and take the feeds also…I’m happy to find a lot of useful info here in the post, we need develop more strategies in this regard, thanks for sharing. . . . . .

  36. Thank you, I have recently been searching for info about this subject for ages and yours is the best I have discovered till now. But, what about the conclusion? Are you sure about the source?

  37. Hi my friend! I wish to say that this article is awesome, nice written and include approximately all vital infos. I’d like to see more posts like this.

  38. Thanks for the marvelous posting! I really enjoyed reading it, you will be a great author.I will remember to bookmark your blog and definitely will come back down the road. I want to encourage you to definitely continue your great job, have a nice day!

  39. I will immediately grab your rss feed as I can not find your e-mail subscription link or newsletter service. Do you’ve any? Kindly let me know in order that I could subscribe. Thanks.

  40. Thank you for the good writeup. It in fact was a amusement account it. Look advanced to far added agreeable from you! By the way, how could we communicate?

  41. Have you ever considered about including a little bit more than just your articles? I mean, what you say is valuable and everything. But think of if you added some great images or video clips to give your posts more, “pop”! Your content is excellent but with pics and clips, this site could certainly be one of the most beneficial in its niche. Excellent blog!

  42. Thanks for the good writeup. It actually was once a leisure account it. Look complex to far introduced agreeable from you! By the way, how can we communicate?

  43. Hello! Do you know if they make any plugins to safeguard against hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any tips?

  44. I’ll right away grab your rss feed as I can’t find your email subscription link or newsletter service. Do you have any? Kindly let me know in order that I could subscribe. Thanks.

  45. Today, I went to the beachfront with my kids. I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is entirely off topic but I had to tell someone!

  46. Valuable information. Lucky me I found your website by accident, and I am shocked why this accident did not happened earlier! I bookmarked it.

  47. I was recommended this website by my cousin. I’m not sure whether this post is written by him as no one else know such detailed about my trouble. You’re wonderful! Thanks!

  48. Generally I don’t learn article on blogs, but I wish to say that this write-up very pressured me to try and do it! Your writing style has been amazed me. Thanks, quite great post.

  49. Wow that was unusual. I just wrote an incredibly long comment but after I clicked submit my comment didn’t show up. Grrrr… well I’m not writing all that over again. Anyways, just wanted to say superb blog!

  50. I definitely wanted to write a simple note to be able to appreciate you for some of the superb strategies you are writing here. My time-consuming internet research has at the end of the day been recognized with really good details to exchange with my neighbours. I ‘d believe that most of us site visitors are undoubtedly fortunate to be in a good community with very many special people with very beneficial secrets. I feel rather lucky to have used your entire web site and look forward to so many more fabulous times reading here. Thanks once again for a lot of things.

  51. I’m really loving the theme/design of your site. Do you ever run into any internet browser compatibility problems? A handful of my blog readers have complained about my website not operating correctly in Explorer but looks great in Chrome. Do you have any recommendations to help fix this issue?

  52. Outstanding post but I was wondering if you could write a litte more on this subject? I’d be very grateful if you could elaborate a little bit more. Cheers!

  53. Heya i am for the first time here. I came across this board and I in finding It truly useful & it helped me out a lot. I’m hoping to offer one thing back and help others like you helped me.

  54. I do agree with all the ideas you’ve presented in your post. They’re really convincing and will certainly work. Still, the posts are too short for newbies. Could you please extend them a little from next time? Thanks for the post.

  55. Hey there, I think your website might be having browser compatibility issues. When I look at your website in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, very good blog!

  56. I’ve been exploring for a little bit for any high quality articles or blog posts on this kind of house . Exploring in Yahoo I ultimately stumbled upon this web site. Studying this info So i’m satisfied to express that I’ve a very good uncanny feeling I discovered just what I needed. I most indubitably will make sure to don’t omit this web site and provides it a look regularly.

  57. After research just a few of the weblog posts on your website now, and I really like your method of blogging. I bookmarked it to my bookmark website listing and might be checking again soon. Pls try my website as effectively and let me know what you think.

  58. Wonderful site. Lots of useful info here. I am sending it to a few friends ans also sharing in delicious. And certainly, thanks for your sweat!

  59. Good post but I was wanting to know if you could write a litte more on this subject? I’d be very thankful if you could elaborate a little bit further. Appreciate it!

  60. It’s onerous to search out knowledgeable individuals on this topic, but you sound like you understand what you’re talking about! Thanks

  61. Hey! Someone in my Myspace group shared this website with us so I came to take a look. I’m definitely loving the information. I’m bookmarking and will be tweeting this to my followers! Fantastic blog and superb style and design.

  62. This is really interesting, You are a very skilled blogger. I have joined your rss feed and look forward to seeking more of your excellent post. Also, I’ve shared your site in my social networks!

  63. I do not even understand how I finished up here, but I assumed this publish used to be good. I don’t know who you might be however certainly you are going to a famous blogger if you are not already 😉 Cheers!

  64. I’m still learning from you, as I’m trying to achieve my goals. I absolutely liked reading everything that is posted on your blog.Keep the posts coming. I liked it!

  65. Hi there! Do you know if they make any plugins to assist with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good success. If you know of any please share. Kudos!

  66. Wonderful post however I was wanting to know if you could write a litte more on this subject? I’d be very grateful if you could elaborate a little bit further. Many thanks!

  67. Fantastic website. A lot of useful info here. I am sending it to several friends ans also sharing in delicious. And naturally, thanks for your effort!

  68. What’s Taking place i am new to this, I stumbled upon this I’ve found It absolutely helpful and it has aided me out loads. I am hoping to give a contribution & help different users like its aided me. Good job.

  69. I in addition to my friends were found to be analyzing the excellent guidelines found on the blog and unexpectedly I had a terrible feeling I never expressed respect to the blog owner for those secrets. Those men became absolutely happy to study them and have in effect quite simply been loving those things. Thank you for truly being really helpful as well as for utilizing this kind of marvelous subject areas millions of individuals are really wanting to be aware of. My sincere apologies for not saying thanks to you earlier.

  70. You could definitely see your expertise in the work you write. The world hopes for more passionate writers like you who are not afraid to say how they believe. Always go after your heart.

  71. I appreciate, cause I found just what I was looking for. You’ve ended my four day long hunt! God Bless you man. Have a great day. Bye

  72. whoah this weblog is excellent i love reading your posts. Keep up the good paintings! You understand, a lot of individuals are hunting round for this info, you can aid them greatly.

  73. I’d have to verify with you here. Which isn’t something I normally do! I get pleasure from studying a put up that can make individuals think. Also, thanks for permitting me to remark!

  74. I intended to post you a bit of observation to say thanks a lot the moment again for your personal spectacular suggestions you have contributed here. It was so incredibly open-handed with people like you to grant extensively what exactly numerous people would have offered for an e-book in order to make some money for themselves, especially considering that you might have done it in the event you wanted. These guidelines likewise served as a fantastic way to understand that many people have a similar keenness like my own to figure out somewhat more pertaining to this problem. I am sure there are several more enjoyable occasions ahead for individuals that start reading your blog post.

  75. I delight in, cause I discovered exactly what I used to be having a look for. You have ended my 4 day lengthy hunt! God Bless you man. Have a nice day. Bye

  76. Nice post. I was checking continuously this blog and I’m impressed! Extremely helpful information particularly the last part 🙂 I care for such information much. I was seeking this particular info for a very long time. Thank you and best of luck.

  77. hello!,I love your writing so a lot! proportion we keep up a correspondence extra approximately your post on AOL? I require an expert in this area to unravel my problem. May be that is you! Looking ahead to look you.

  78. Hi, Neat post. There’s an issue together with your site in web explorer, could test this… IE still is the marketplace chief and a large component of folks will miss your magnificent writing due to this problem.

  79. Very good blog! Do you have any helpful hints for aspiring writers? I’m planning to start my own blog soon but I’m a little lost on everything. Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m completely overwhelmed .. Any ideas? Many thanks!

  80. I was curious if you ever thought of changing the page layout of your site? Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better. Youve got an awful lot of text for only having one or 2 images. Maybe you could space it out better?

  81. you are really a good webmaster. The website loading speed is amazing. It seems that you’re doing any unique trick. Furthermore, The contents are masterwork. you’ve done a fantastic job on this topic!

  82. What i don’t realize is in truth how you’re not actually a lot more well-favored than you may be now. You’re so intelligent. You understand thus significantly in relation to this matter, made me individually believe it from a lot of numerous angles. Its like women and men aren’t involved except it is something to accomplish with Woman gaga! Your individual stuffs great. All the time deal with it up!

  83. Thank you for sharing superb informations. Your web site is so cool. I’m impressed by the details that you have on this blog. It reveals how nicely you perceive this subject. Bookmarked this web page, will come back for extra articles. You, my friend, ROCK! I found simply the information I already searched everywhere and just couldn’t come across. What an ideal site.

  84. Normally I don’t read article on blogs, but I wish to say that this write-up very forced me to try and do it! Your writing style has been surprised me. Thanks, quite nice post.

  85. I think other site proprietors should take this website as an model, very clean and excellent user genial style and design, as well as the content. You are an expert in this topic!

  86. I am not sure where you’re getting your info, but great topic. I needs to spend some time learning much more or understanding more. Thanks for wonderful information I was looking for this info for my mission.

  87. Not jet. There were some problems with the performance. Hence upcomming tags need to added rather that grasping all tags from post all over again.

  88. Hi!

    I find this post via google when I look for visualization tool for wordpress. Have you already released this plugin? I’m very curisou about using your amazing plugin!

    Sa

Leave a Reply to Misha Mohney Cancel reply

Your email address will not be published. Required fields are marked *