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.
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?
- [diy] Blog als Personal Learning Environment (60%)
- State of the Word (60%)
- Northern Like Ade' (60%)
- comparativeSpine (40%)
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!
It’s onerous to search out knowledgeable individuals on this topic, but you sound like you understand what you’re talking about! Thanks
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.
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!
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!
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!
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!
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!
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!
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.
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.
Wow! Thank you! I constantly needed to write on my blog something like that. Can I implement a part of your post to my website?
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.
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
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.
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!
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.
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
WONDERFUL Post.thanks for share..extra wait .. …
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.
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.
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.
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!
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?
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!
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!
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.
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.
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!
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.
Please keep me in the loop.
I am very interested in your plugin/visualization.
Thank you!
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.
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