<?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>Sarah DeAtley &#187; graphs</title>
	<atom:link href="http://www.sarahdeatley.com/blog/tag/graphs/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sarahdeatley.com</link>
	<description>information + analysis + design</description>
	<lastBuildDate>Mon, 17 May 2010 06:29:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Data Visualization Ideas and Unclear Graphs</title>
		<link>http://www.sarahdeatley.com/blog/2009/10/04/data-visualization-ideas-and-unclear-graphs/</link>
		<comments>http://www.sarahdeatley.com/blog/2009/10/04/data-visualization-ideas-and-unclear-graphs/#comments</comments>
		<pubDate>Sun, 04 Oct 2009 23:28:05 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[graphs]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[web analytics]]></category>

		<guid isPermaLink="false">http://www.sarahdeatley.com/blog/?p=527</guid>
		<description><![CDATA[
			
				
			
		
In my last post on data visualization, I had a couple tools recommended to me to try out. One had a limited trial period that I didn&#8217;t take advantage of in time, and the other, a tool by VisualizeFree, was too buggy to work. I uploaded my data easily enough (still had to clean it [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-bottom: 5px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F10%2F04%2Fdata-visualization-ideas-and-unclear-graphs%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F10%2F04%2Fdata-visualization-ideas-and-unclear-graphs%2F&amp;source=sarahd23&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>In my <a href="http://www.sarahdeatley.com/blog/2009/09/08/the-latest-data-visualization-toys/" target="_self">last post on data visualization</a>, I had a couple tools recommended to me to try out. One had a limited trial period that I didn&#8217;t take advantage of in time, and the other, a tool by <a href="http://visualizefree.com/" target="_blank">VisualizeFree</a>, was too buggy to work. I uploaded my data easily enough (still had to clean it up first like some other ones), then I can&#8217;t view the actual visualization. Lame.  I could email support, but I&#8217;m too lazy to do that again.</p>
<p>I think I got more out of reading this article on what is (or should be)<a href="http://madebymany.co.uk/data-viz-talk-sparks-passionate-debate-and-a-manifesto-001827" target="_blank"> the point of data visualization</a>.  Its based on a talk given by Manuel Lima of <a href="http://www.visualcomplexity.com/" target="_blank">VisualComplexity.com</a>, who curates that collection of data visualization examples and resources.  The main point from Lima was this:</p>
<blockquote><p>&#8220;We need to make a transition from tools of curiosity to tools of functionality.&#8221;</p></blockquote>
<p>Which is true, there are many tools that provide interactivity but not much substance. On the other hand tools for fun or aesthetics only can also drive innovation. I&#8217;m torn. It seemed like a lot of people were disagreeing over separating &#8220;information art&#8221; from data visualization, but this article states it more eloquently than I can. Manuel Lima also listed some key principles for data visualization that I did not know and should probably keep in mind:</p>
<ul>
<blockquote>
<li>form follows function</li>
<li>start with a question</li>
<li>interactivity is key</li>
<li>cite your source</li>
<li>the power of narrative</li>
</blockquote>
</ul>
<p>I&#8217;ve become much more judgmental toward charts and graphs thanks to blogs like <a href="http://junkcharts.typepad.com/junk_charts/" target="_blank">Junk Charts</a>, <a href="http://flowingdata.com/" target="_blank">Flowing Data</a>, and <a href="http://simplecomplexity.net" target="_blank">Simple Complexity</a>.  So when I tried out one of the many Twitter measurement tools, <a href="http://graphedge.com" target="_blank">Graph Edge</a>, and received my first report, I was confused by the charts.</p>
<div id="attachment_528" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/10/chart1.png" rel="lightbox[527]"><img class="size-medium wp-image-528" title="Followers and &quot;Legitimate&quot; Followers" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/10/chart1-300x132.png" alt="Followers and &quot;Legitimate&quot; Followers" width="300" height="132" /></a><p class="wp-caption-text">Followers and &quot;Legitimate&quot; Followers</p></div>
<p>This graph shows my Twitter followers and &#8220;legitimate&#8221; followers (they have a <a href="http://graphedge.com/definitions.php#LegitimateFollowers" target="_blank">definition</a> for it). Because the lower limit of my y-axis is the number of legitimate followers, it gives a false impression of having a very low number of legitimate followers. Why not start with 0?</p>
<div id="attachment_529" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/10/chart2.png" rel="lightbox[527]"><img class="size-medium wp-image-529" title="Net Twitter follower change" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/10/chart2-300x132.png" alt="Net Twitter follower change" width="300" height="132" /></a><p class="wp-caption-text">Net Twitter follower change</p></div>
<p>This line graph shows the follows, unfollows, and net follower change over time for my Twitter account. But I thought it was strange to include negative numbers, because it looked like I had negative 1 unfollows. Anyway, there&#8217;s room for improvement here.</p>
<h3>Misc.</h3>
<p>Today I created a <a href="http://beta.tlists.com/measure/" target="_blank">Twitter list for #measure and web analytics people</a> (like <a href="http://www.twitter.com/abtests" target="_blank">@ABTests</a> did) on <a href="http://beta.tlists.com" target="_blank">TLists</a>. I think the value is that its curated so you can see <em>recommended</em> people who actually tweet about web analytics on a regular basis, and you can follow many people at once/discover new people. It may not be worthwhile once Twitter implements lists though. And I successfully integrated my GWO data with GA thanks to this post from the <a href="http://www.gwotricks.com/2009/02/poor-mans-gwoanalytics-integration.html" target="_blank">GWO Tricks blog</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sarahdeatley.com/blog/2009/10/04/data-visualization-ideas-and-unclear-graphs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The Latest Data Visualization Toys</title>
		<link>http://www.sarahdeatley.com/blog/2009/09/08/the-latest-data-visualization-toys/</link>
		<comments>http://www.sarahdeatley.com/blog/2009/09/08/the-latest-data-visualization-toys/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 06:07:44 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[arizona]]></category>
		<category><![CDATA[ben fry]]></category>
		<category><![CDATA[california stimulus map]]></category>
		<category><![CDATA[darwin]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[g1]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[graphs]]></category>
		<category><![CDATA[hiking]]></category>
		<category><![CDATA[origin of species]]></category>
		<category><![CDATA[reporting]]></category>
		<category><![CDATA[running]]></category>
		<category><![CDATA[stamen]]></category>
		<category><![CDATA[trendly]]></category>

		<guid isPermaLink="false">http://www.sarahdeatley.com/blog/?p=476</guid>
		<description><![CDATA[
			
				
			
		
Lately I&#8217;ve been seeing a ton of new data visualization tools/experiments that I thought were worth sharing. One is not really applicable to web analytics or reporting, but others are.
Trendly
I saw a post about Trendly on the Google Analytics Blog, its an application that leverages GA data to display it in a way that is [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-bottom: 5px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F09%2F08%2Fthe-latest-data-visualization-toys%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F09%2F08%2Fthe-latest-data-visualization-toys%2F&amp;source=sarahd23&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Lately I&#8217;ve been seeing a ton of new data visualization tools/experiments that I thought were worth sharing. One is not really applicable to web analytics or reporting, but others are.</p>
<h3>Trendly</h3>
<p>I saw a post about <a href="http://trendly.com" target="_blank">Trendly</a> on the <a href="http://analytics.blogspot.com/2009/08/api-integration-to-measure-significant.html" target="_blank">Google Analytics Blog</a>, its an application that leverages GA data to display it in a way that is supposed to help you understand the data better. From what I can tell, they use statistically significant numbers (between the upper and lower control) to show a trend-line that is less jagged and crazy. I think that is helpful for noting the big picture of change over a longer time span, but less so if you want to do a deep dive. Which might be besides the point. And then their other graph shows time vertically (I&#8217;ve always had issues with that metaphor), and the percentage of traffic from that source correlates to thickness. Its easier to show than tell so here it is:</p>
<div id="attachment_478" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/09/trendly2.png" rel="lightbox[476]"><img class="size-medium wp-image-478" title="Trendly time graph" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/09/trendly2-300x262.png" alt="Trendly time graph" width="300" height="262" /></a><p class="wp-caption-text">Trendly time graph</p></div>
<h3>Darwin&#8217;s Origin of Species</h3>
<p>This is the English major in me geeking out, but I think this changing textual visualization by Ben Fry (<a href="http://benfry.com/traces/" target="_blank">go to the site to see it in action</a>) is a great way to show how different editions of an important book like this can change. I&#8217;d like to see it for <span style="text-decoration: underline;">Lyrical Ballads</span>. This is from the <a href="http://infosthetics.com/archives/2009/09/on_the_origin_of_species_the_preservation_of_favored_traces.html" target="_blank">information aesthetics blog</a> again, but I think its cool.</p>
<div id="attachment_480" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/09/benfry.png" rel="lightbox[476]"><img class="size-medium wp-image-480" title="Darwin visualization" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/09/benfry-300x125.png" alt="Darwin visualization" width="300" height="125" /></a><p class="wp-caption-text">Darwin visualization</p></div>
<h3>California Stimulus Map</h3>
<p>I should probably find some more data visualization blogs, but I like the <a href="http://infosthetics.com/archives/2009/09/california_stimulus_map_mapping_stimulus_projects_by_county.html" target="_blank">information aesthetics finds</a> so much. This <a href="http://www.recovery.ca.gov/HTML/RecoveryImpact/map.shtml" target="_blank">interactive map</a> by <a href="http://stamen.com/" target="_blank">Stamen Design</a> shows where stimulus money is being spent in California, and what kinds of projects it goes to. The subject matter is worthwhile, but mainly I liked the vertical graph on the right side, I find that visualization easier to duplicate (in Excel!) and translate to different data sets than the one in Trendly. I will try to sneak it into a report at some point, and I&#8217;m sure I will get a WTF reaction, but it would be more interesting than the standard Excel graphs for me and the reader.</p>
<div id="attachment_482" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/09/calmap.png" rel="lightbox[476]"><img class="size-medium wp-image-482" title="CA stimulus map " src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/09/calmap-300x161.png" alt="CA stimulus map" width="300" height="161" /></a><p class="wp-caption-text">CA stimulus map</p></div>
<p>Otherwise I am having fun with my new G1 phone, new running shoes, and I&#8217;m going to Arizona this weekend&#8211;good times! Hoping to get some hiking in if it is not over 100&deg; outside.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sarahdeatley.com/blog/2009/09/08/the-latest-data-visualization-toys/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>7 Data Visualizations That I like</title>
		<link>http://www.sarahdeatley.com/blog/2009/06/26/7-data-visualizations-that-i-like/</link>
		<comments>http://www.sarahdeatley.com/blog/2009/06/26/7-data-visualizations-that-i-like/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 19:06:59 +0000</pubDate>
		<dc:creator>Sarah</dc:creator>
				<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[blogosphere]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[feelings]]></category>
		<category><![CDATA[graphs]]></category>
		<category><![CDATA[iSchool]]></category>
		<category><![CDATA[ixd]]></category>
		<category><![CDATA[michael jackson]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[The Grok]]></category>
		<category><![CDATA[words]]></category>

		<guid isPermaLink="false">http://www.sarahdeatley.com/blog/?p=68</guid>
		<description><![CDATA[
			
				
			
		
So in my continuing quest to figure out new ways to visualize data, I came across this article through The Grok, (which I realize is from 2007) in Smashing Magazine on new and interesting approaches to data visualization.  I tested some of them out and I wanted to share and post pictures of the results [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-bottom: 5px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F06%2F26%2F7-data-visualizations-that-i-like%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sarahdeatley.com%2Fblog%2F2009%2F06%2F26%2F7-data-visualizations-that-i-like%2F&amp;source=sarahd23&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>So in my continuing quest to figure out new ways to <a href="http://www.sarahdeatley.com/blog/?p=25" target="_self">visualize data</a>, I came across this article through <a href="http://www.grokdotcom.com/2007/07/30/do-you-know-how-to-showcase-your-data/">The Grok</a>, (which I realize is from 2007) in <a href="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/" target="_blank">Smashing Magazine</a> on new and interesting approaches to data visualization.  I tested some of them out and I wanted to share and post pictures of the results (though some are better when in action than still).</p>
<ol>
<li><a href="http://amaztype.tha.jp/" target="_blank">Amaztype</a>.  These people utilize Amazon Web Services to make a word of your choice based on book/album/dvd covers. You can sort of see the graphic design trends that people follow. I especially like that Goodnight Moon made it onto the Night visualization.
<div id="attachment_69" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/night.gif" rel="lightbox[68]"><img class="size-medium wp-image-69" title="night" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/night-300x77.gif" alt="Night" width="300" height="77" /></a><p class="wp-caption-text">Night</p></div>
<div id="attachment_70" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/light.gif" rel="lightbox[68]"><img class="size-medium wp-image-70" title="light" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/light-300x77.gif" alt="Light" width="300" height="77" /></a><p class="wp-caption-text">Light</p></div></li>
<li><a href="http://www.dashes.com/anil/2007/07/pixels-are-the-new-pies.html?_" target="_blank">Death of the Pie Chart</a>.  Using pixels instead of pie charts to demonstrate relative size. I like it.
<p><div id="attachment_75" class="wp-caption aligncenter" style="width: 385px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/square-graphs.png" rel="lightbox[68]"><img class="size-full wp-image-75" title="square-graphs" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/square-graphs.png" alt="Pixel graphs" width="375" height="210" /></a><p class="wp-caption-text">Pixel graphs</p></div></li>
<li><a href="http://www.wefeelfine.org/movements.html" target="_blank">We Feel Fine</a>.  This site does amazing things to get a sense of how the world is doing by &#8220;harvesting feelings from weblogs.&#8221; You can filter based on feeling, gender, age, weather, location, and date for 6 different ways of viewing the data. I tried out Madness, Montage, Murmurs and Mobs.
<p><div id="attachment_77" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/sad.gif" rel="lightbox[68]"><img class="size-medium wp-image-77" title="sadness in madness" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/sad-300x94.gif" alt="Filtered Madness by the feeling &quot;sad&quot;, possibly about Michael Jackson." width="300" height="94" /></a><p class="wp-caption-text">Filtered Madness by the feeling &quot;sad&quot;, possibly about Michael Jackson.</p></div>
<div id="attachment_78" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/stormy.jpg" rel="lightbox[68]"><img class="size-medium wp-image-78" title="stormy" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/stormy-300x213.jpg" alt="An image from Montage." width="300" height="213" /></a><p class="wp-caption-text">An image from Montage.</p></div></li>
<li><a href="http://www.aharef.info/2006/05/websites_as_graphs.htm" target="_blank">Websites as graphs</a>.  Graphs by the HTML code, so tables, links, images, etc. get different colored nodes. I made a graph of this site but I didn&#8217;t think it looked too interesting.</li>
<li><a href="http://www.munterbund.de/visualisierung_textaehnlichkeiten/essay.php" target="_blank">Book/essay word visualization</a>.  A German Interaction Design Institute wanted to show the connection between words and ideas better and made an awesome sort of Venn diagram. One pretty much includes everything that I learned at the <a href="http://www.ischool.washington.edu" target="_blank">iSchool</a>, and some extra German words tossed in.
<p><div id="attachment_81" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/hug_gross_big.jpg" rel="lightbox[68]"><img class="size-medium wp-image-81" title="word diagram" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/hug_gross_big-300x300.jpg" alt="Visualization of words in an interaction design text." width="300" height="300" /></a><p class="wp-caption-text">Visualization of words in an interaction design text.</p></div></li>
<li><a href="http://www.turbulence.org/Works/song/mono.html" target="_blank">The Shape of Song</a>.  Graphical representations of music. I did one for Chopin&#8217;s Nocturne in E flat.
<p><div id="attachment_82" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/chopin.gif" rel="lightbox[68]"><img class="size-medium wp-image-82" title="chopin visualization" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/chopin-300x180.gif" alt="Visualization of Nocturne in E flat." width="300" height="180" /></a><p class="wp-caption-text">Visualization of Nocturne in E flat.</p></div></li>
<li><a href="http://www.visualcomplexity.com/vc/" target="_blank">Visual Complexity</a>.  The mother lode of data visualization, a large gallery of different types. I was really fascinated by the transportation ones.  The ones I&#8217;m showing here are of the <a href="http://www.telegeography.com/products/map_internet/index.php" target="_blank">global internet distribution</a> and the <a href="http://radio.weblogs.com/0104369/stories/2003/11/10/visualizationOfBlogspace.html" target="_blank">blogosphere</a> from &#8220;inspirer&#8221; radiating to &#8220;inspiree.&#8221;
<p><div id="attachment_83" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/internet_map09_lg.gif" rel="lightbox[68]"><img class="size-medium wp-image-83" title="internet_map 09" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/internet_map09_lg-300x213.gif" alt="Global internet distribution" width="300" height="213" /></a><p class="wp-caption-text">Global internet distribution</p></div>
<p><div id="attachment_84" class="wp-caption aligncenter" style="width: 283px"><a href="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/blogosphere.png" rel="lightbox[68]"><img class="size-medium wp-image-84" title="blogosphere" src="http://www.sarahdeatley.com/blog/wp-content/uploads/2009/06/blogosphere-273x300.png" alt="Blogosphere from inspirer in the center radiating to inspiree." width="273" height="300" /></a><p class="wp-caption-text">Blogosphere from inspirer in the center radiating to inspiree.</p></div></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.sarahdeatley.com/blog/2009/06/26/7-data-visualizations-that-i-like/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
