<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Antimatroid, The &#187; Graph Theory</title>
	<atom:link href="http://antimatroid.wordpress.com/tag/graph-theory/feed/" rel="self" type="application/rss+xml" />
	<link>http://antimatroid.wordpress.com</link>
	<description>niche for the aesthetics, mathematics and computer science</description>
	<lastBuildDate>Tue, 01 Dec 2009 14:00:24 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='antimatroid.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/4f7d497af5ea099e7d73389ebe338967?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Antimatroid, The &#187; Graph Theory</title>
		<link>http://antimatroid.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://antimatroid.wordpress.com/osd.xml" title="Antimatroid, The" />
		<item>
		<title>Radial tree drawing</title>
		<link>http://antimatroid.wordpress.com/2008/08/31/radial-tree-drawing/</link>
		<comments>http://antimatroid.wordpress.com/2008/08/31/radial-tree-drawing/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 01:05:39 +0000</pubDate>
		<dc:creator>lewellen</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Algorithms]]></category>
		<category><![CDATA[Graph Theory]]></category>
		<category><![CDATA[Tree Drawing]]></category>

		<guid isPermaLink="false">http://antimatroid.wordpress.com/?p=333</guid>
		<description><![CDATA[
Although not as interesting as a sunburst diagram, the radial tree view can hold its color against a number of more primitive information visualizations. A radial tree view places the root at the center of the screen then fans out each child node. Each child node then fans out its children within a restricted span [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antimatroid.wordpress.com&blog=4448583&post=333&subd=antimatroid&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>
Although not as interesting as a sunburst diagram, the radial tree view can hold its color against a number of more primitive information visualizations. A radial tree view places the root at the center of the screen then fans out each child node. Each child node then fans out its children within a restricted span and continues on until each leaf is reached. The strengths of the technique allow for any easy to digest depiction of the structure behind the data in a compact space. A common application is visualizing computer networks. It is worthwhile to examine the algorithm behind the technique because it is an exercise in identifying simplicity.
</p>
<p>
While in college, I would have approached this problem by trying to identify the location of nodes in terms of <img src='http://l.wordpress.com/latex.php?latex=%28r%2C+%5Ctheta%29&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='(r, \theta)' title='(r, \theta)' class='latex' /> after all, I want a radial tree view- makes sense to sprint out the gate with a polar system right? While possible, this is a bad path to head down, as you end up drowning in a sea of extraneous details. Rather, it is better to think in terms of <img src='http://l.wordpress.com/latex.php?latex=%28x%2Cy%29&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='(x,y)' title='(x,y)' class='latex' /> and then map to <img src='http://l.wordpress.com/latex.php?latex=%28r%2C+%5Ctheta%29&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='(r, \theta)' title='(r, \theta)' class='latex' />. To clarify that position, let&#8217;s think about how we&#8217;d go about drawing the run of the mill tree view as in the figure below:
</p>
<p><img src="http://antimatroid.files.wordpress.com/2008/08/radialtree_normal.png?w=700&#038;h=233" alt="radialtree_normal" title="radialtree_normal" width="700" height="233" class="aligncenter size-full wp-image-599" /></p>
<p>
First some observations:</p>
<ul>
<li>Every node at a given depth lies on the same line.</li>
<li>Every child at a given depth is given an equal share of horizontal space independent of necessity relative to the space owned by its parent.</li>
</ul>
<p>We can construct a simple recursive definition for drawing the tree if we think about these two facts. Given a node, we want to center the node at the top of a region then carve up a region into the number of child nodes where each sub region is equally wide and the same height as the parent minus a layering distance, then draw a line from the parent node to the child node. Continue doing so until all of the nodes have been drawn. All that remains is mapping this tree to the radial tree view below:
</p>
<p><img src="http://antimatroid.files.wordpress.com/2008/08/radialtree1.png?w=480&#038;h=480" alt="radialtree1" title="radialtree1" width="480" height="480" class="aligncenter size-full wp-image-598" /></p>
<p>
To achieve this last step, we want to map each node at <img src='http://l.wordpress.com/latex.php?latex=%28x%2Cy%29&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='(x,y)' title='(x,y)' class='latex' /> to a point <img src='http://l.wordpress.com/latex.php?latex=%5Chat%7BC%7D+%2B+r+%5Ccdot%28cos%28%5Ctheta%29%2C+sin%28%5Ctheta%29%29&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='\hat{C} + r \cdot(cos(\theta), sin(\theta))' title='\hat{C} + r \cdot(cos(\theta), sin(\theta))' class='latex' /> Where <img src='http://l.wordpress.com/latex.php?latex=%5Chat%7BC%7D&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='\hat{C}' title='\hat{C}' class='latex' /> is the center of the display area. The radius is simply the node&#8217;s present <img src='http://l.wordpress.com/latex.php?latex=y&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='y' title='y' class='latex' /> coordinate. <img src='http://l.wordpress.com/latex.php?latex=%5Ctheta&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='\theta' title='\theta' class='latex' /> can be determined as the ratio between the node&#8217;s present <img src='http://l.wordpress.com/latex.php?latex=x&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='x' title='x' class='latex' /> coordinate and the display width times <img src='http://l.wordpress.com/latex.php?latex=2+%5Cpi&#038;bg=fff&#038;fg=1c1c1c&#038;s=0' alt='2 \pi' title='2 \pi' class='latex' />. And thus, the mapping is complete.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/antimatroid.wordpress.com/333/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/antimatroid.wordpress.com/333/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/antimatroid.wordpress.com/333/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/antimatroid.wordpress.com/333/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/antimatroid.wordpress.com/333/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/antimatroid.wordpress.com/333/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/antimatroid.wordpress.com/333/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/antimatroid.wordpress.com/333/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/antimatroid.wordpress.com/333/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/antimatroid.wordpress.com/333/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/antimatroid.wordpress.com/333/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/antimatroid.wordpress.com/333/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=antimatroid.wordpress.com&blog=4448583&post=333&subd=antimatroid&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://antimatroid.wordpress.com/2008/08/31/radial-tree-drawing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/62c32c6293d483fc7e1d545c4b9a0ac3?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=PG" medium="image">
			<media:title type="html">lewellen</media:title>
		</media:content>

		<media:content url="http://antimatroid.files.wordpress.com/2008/08/radialtree_normal.png" medium="image">
			<media:title type="html">radialtree_normal</media:title>
		</media:content>

		<media:content url="http://antimatroid.files.wordpress.com/2008/08/radialtree1.png" medium="image">
			<media:title type="html">radialtree1</media:title>
		</media:content>
	</item>
	</channel>
</rss>