<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Software and Opinions &#187; visualization</title>
	<atom:link href="http://ianloic.com/tag/visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://ianloic.com</link>
	<description>from Ian McKellar</description>
	<lastBuildDate>Wed, 07 Sep 2011 21:48:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://ianloic.com/?pushpress=hub'/>
		<item>
		<title>Tag Clouds Two Point Oh?</title>
		<link>http://ianloic.com/2007/03/04/tag_clouds_two_point_oh/</link>
		<comments>http://ianloic.com/2007/03/04/tag_clouds_two_point_oh/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Ian McKellar</dc:creator>
				<category><![CDATA[rss]]></category>
		<category><![CDATA[tagging]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[[flickr-photo:id=15085782,size=m] <a href="http://en.wikipedia.org/wiki/Tag_clouds">Tag clouds</a> bore me. They're a relatively effective way of indicating quickly what topics are popular but that's it. From <a href="http://del.icio.us/tag/?sort=freq">del.icio.us' cloud</a> I can see that the site is for nerds - web nerds specifically. <a href="http://www.flickr.com/photos/tags/">Flickr's tag cloud</a> tells me that people tag events and place names but that's about it. My personal tag clouds on these sites tell me even less. My <a href="http://del.icio.us/ianloic?settagview=cloud">del.icio.us</a> tag cloud tells me almost nothing - its a huge block of dark-blue and light-blue text. The <a href="http://www.flickr.com/photos/ianloic/tags/">Flickr one</a> isn't much better - it tells me mostly that I took a bunch of photos <a href="http://www.flickr.com/photos/ianloic/sets/72157594342643944/">kayaking in the Queen Charlotte Islands</a>, or perhaps more specifically, I got around to tagging my kayaking photos.

I'm more interested in seeing what's going on right now and seeing how these topics are related. Since this is a graph visualization exercize I threw graphviz at the problem. After a bit of preliminary experimentation I ended up defining a graph based on recent tags pulled from an RSS feed. Each tag is represented as a node and any tags which appear together on the same post have arcs between them. Tag text gets scaled up a little with frequency. The effect isn't perfect. Its pretty boring when there isn't much data like on this site:
<center><img src="http://ianloic.com/sites/ianloic.com/files/tags-ianloic.png"></center>

With a bit more data, like from my recent delicious feed things can get cluttered but we can see what I'm interested in right now:
<center><a href="http://ianloic.com/sites/ianloic.com/files/tags-delicious.png" title="My tags on del.icio.us"><img src="http://ianloic.com/sites/ianloic.com/files/tags-delicious-50.png" /></a></center>

This idea isn't fully developed. The complexity of laying these graphs out in a sensible manner increases pretty rapidly as the number of nodes and arcs increases and so does the visual clutter. I'd like to experiment with client-side graph layout (ie: implementing graphviz in JavaScript) and doing something more sensible with synonym tags - ie: tags which always appear together. Synonym tags are somewhat interesting, but can distract from the relationships between concepts. Treating all tags that are coincident over a small number of posts as synonyms may often result in false synonyms, and collapsing synonyms will make it easier to scale to more posts, so I expect that that may be a productive path to go down in scaling these visualizations up to encompass more posts.

Oh, and the final demonstration - my friend Dan is looking for and apartment and is a Ruby on Rails web application developer:
<center><a href="http://ianloic.com/sites/ianloic.com/files/tags-dan.png" title="Dan's tags on del.icio.us"><img src="http://ianloic.com/sites/ianloic.com/files/tags-dan-50.png" /></a></center> <a href="http://ianloic.com/2007/03/04/tag_clouds_two_point_oh/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=1.161" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="photo_id=0&amp;photo_secret=0&amp;flickr_show_info_box=true"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=1.161"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=1.161" bgcolor="#000000" allowfullscreen="true" flashvars="photo_id=0&amp;photo_secret=0&amp;flickr_show_info_box=true" wmode="opaque" height="300" width="400"></embed></object> <a href="http://en.wikipedia.org/wiki/Tag_clouds">Tag clouds</a> bore me. They&#8217;re a relatively effective way of indicating quickly what topics are popular but that&#8217;s it. From <a href="http://del.icio.us/tag/?sort=freq">del.icio.us&#8217; cloud</a> I can see that the site is for nerds &#8211; web nerds specifically. <a href="http://www.flickr.com/photos/tags/">Flickr&#8217;s tag cloud</a> tells me that people tag events and place names but that&#8217;s about it. My personal tag clouds on these sites tell me even less. My <a href="http://del.icio.us/ianloic?settagview=cloud">del.icio.us</a> tag cloud tells me almost nothing &#8211; its a huge block of dark-blue and light-blue text. The <a href="http://www.flickr.com/photos/ianloic/tags/">Flickr one</a> isn&#8217;t much better &#8211; it tells me mostly that I took a bunch of photos <a href="http://www.flickr.com/photos/ianloic/sets/72157594342643944/">kayaking in the Queen Charlotte Islands</a>, or perhaps more specifically, I got around to tagging my kayaking photos.</p>
<p>I&#8217;m more interested in seeing what&#8217;s going on right now and seeing how these topics are related. Since this is a graph visualization exercize I threw graphviz at the problem. After a bit of preliminary experimentation I ended up defining a graph based on recent tags pulled from an RSS feed. Each tag is represented as a node and any tags which appear together on the same post have arcs between them. Tag text gets scaled up a little with frequency. The effect isn&#8217;t perfect. Its pretty boring when there isn&#8217;t much data like on this site:<br />
<center><img src="http://ianloic.com/sites/ianloic.com/files/tags-ianloic.png"></center></p>
<p>With a bit more data, like from my recent delicious feed things can get cluttered but we can see what I&#8217;m interested in right now:<br />
<center><a href="http://ianloic.com/sites/ianloic.com/files/tags-delicious.png" title="My tags on del.icio.us"><img src="http://ianloic.com/sites/ianloic.com/files/tags-delicious-50.png" /></a></center></p>
<p>This idea isn&#8217;t fully developed. The complexity of laying these graphs out in a sensible manner increases pretty rapidly as the number of nodes and arcs increases and so does the visual clutter. I&#8217;d like to experiment with client-side graph layout (ie: implementing graphviz in JavaScript) and doing something more sensible with synonym tags &#8211; ie: tags which always appear together. Synonym tags are somewhat interesting, but can distract from the relationships between concepts. Treating all tags that are coincident over a small number of posts as synonyms may often result in false synonyms, and collapsing synonyms will make it easier to scale to more posts, so I expect that that may be a productive path to go down in scaling these visualizations up to encompass more posts.</p>
<p>Oh, and the final demonstration &#8211; my friend Dan is looking for and apartment and is a Ruby on Rails web application developer:<br />
<center><a href="http://ianloic.com/sites/ianloic.com/files/tags-dan.png" title="Dan's tags on del.icio.us"><img src="http://ianloic.com/sites/ianloic.com/files/tags-dan-50.png" /></a></center></p>
]]></content:encoded>
			<wfw:commentRss>http://ianloic.com/2007/03/04/tag_clouds_two_point_oh/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

