<?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>Indianapolis Museum of Art Blog &#187; information visualization</title>
	<atom:link href="http://www.imamuseum.org/blog/tag/information-visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.imamuseum.org/blog</link>
	<description>The IMA blog is a space to discuss everything related to the Indianapolis Museum of Art.</description>
	<lastBuildDate>Fri, 19 Mar 2010 14:42:30 +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>Sparklines &#8211; can less be more in data visualization?</title>
		<link>http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/</link>
		<comments>http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 16:20:00 +0000</pubDate>
		<dc:creator>Ed</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[charts]]></category>
		<category><![CDATA[Edward Tufte]]></category>
		<category><![CDATA[graphs]]></category>
		<category><![CDATA[Indianapolis Museum of Art]]></category>
		<category><![CDATA[information visualization]]></category>
		<category><![CDATA[sparklines]]></category>

		<guid isPermaLink="false">http://www.imamuseum.org/blog/?p=8337</guid>
		<description><![CDATA[Einstein is often quoted as saying &#8220;Make everything as simple as possible, but no simpler.&#8221; Last month, I went to a seminar given by Edward Tufte, author of &#8220;Beautiful Evidence&#8221; and &#8220;Envisioning Information&#8221; &#8211; books that serve as inspiration for many in the field of information visualization. While Einstein advocated for simplicity in describing the [...]]]></description>
			<content:encoded><![CDATA[<p>Einstein is often quoted as saying &#8220;Make everything as simple as possible, but no simpler.&#8221; Last month, I went to a seminar given by <a href="http://www.edwardtufte.com/tufte/" target="_blank">Edward Tufte</a>, author of &#8220;Beautiful Evidence&#8221; and &#8220;Envisioning Information&#8221; &#8211; books that serve as inspiration for many in the field of information visualization. While Einstein advocated for simplicity in describing the universe through mathematics, Tufte argues for allowing data to speak for itself by taking what might be called a minimalist approach to designing visualizations. At the seminar, I learned that Tufte has coined the term <em><a href="http://en.wikipedia.org/wiki/Sparkline" target="_blank">sparkline</a></em> to refer to small yet data-rich line graphs like the following, which take this concept to its limit for one-dimensional time-varying data:</p>
<p style="text-align: center;"><a href="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-total.png"><img class="size-full wp-image-8338 aligncenter" title="Server room power consumption sparkline" src="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-total.png" alt="sparkdemo-total" width="100" height="20" /></a></p>
<p>I thought that these sparklines might be an interesting way to represent data on the <a href="http://dashboard.imamuseum.org/" target="_blank">IMA Dashboard</a>, and so I&#8217;m experimenting by bringing this nugget of wisdom to bear on a chart that I haven&#8217;t been very pleased with.<span id="more-8337"></span></p>
<p style="text-align: center;"><a href="http://dashboard.imamuseum.org/series/DataCenterEnergyConsumption"><img class="aligncenter size-medium wp-image-8339" title="Server room power consumption chart" src="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/it_power_current_month-400x240.png" alt="Server room power consumption" width="400" height="240" /></a></p>
<p>This is the chart that we have on the dashboard to display power readings from our machine room (please note that these charts were all generated on Monday, Sept 21st 2009 and thus do not include the readings for that day). The problem here is that I was trying to show three different things, and none of them ended up being communicated very well. Because I&#8217;m trying to show individual measurements along with the total, the scale on the vertical axis diminishes the appearance of trends in the data. It is fairly clear that overall, consumption dropped during this period, and that there appears to be a significant decline in usage by the server components. But it is hard to tell if there is also a trend in the cooling system measurements.</p>
<p>The same story about the overall consumption could be told by this sparkline representation of the previous 28 daily totals:</p>
<p style="text-align: center;"><a href="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-total.png"><img class="aligncenter size-full wp-image-8338" title="Server room power consumption sparkline" src="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-total.png" alt="sparkdemo-total" width="100" height="20" /></a></p>
<p>The maximum value over this period is shown by the dot at <span style="color: #aa0000;">1350 kWh<span style="color: #000000;">, the minimum value is <span style="color: #0000aa;">1222 kWh<span style="color: #000000;">, and the latest value (from yesterday) is <span style="color: #00aa00;">1227 kWh<span style="color: #000000;">. This sparkline includes eight values from last month, and you get same story with more precise information added by a single sentence, all in significantly less space than the original graph&#8230; pretty potent stuff.</span></span></span></span></span></span></p>
<p>Applying a sparkline to the server readings,  <a href="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-ups.png"><img title="UPS power consumption sparkline" src="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-ups.png" alt="Server power consumption" width="50" height="10" /></a>we can see that after the peak at <span style="color: #aa0000;">807 kWh<span style="color: #000000;">, consumption dropped and is leveling out around the lastest value at <span style="color: #00aa00;">759 kWh<span style="color: #000000;">. Okay, so that was an attempt at using the sparkline as a word-like sentence element, which is supposed to be one of it&#8217;s strong points. It actually works fairly well, even scaled down to font-size, but here&#8217;s the sparkline at the native resolution:</span></span></span></span></p>
<p style="text-align: center;"><span style="color: #aa0000;"><span style="color: #000000;"><span style="color: #00aa00;"><span style="color: #000000;"><a href="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-ups.png"><img class="aligncenter size-full wp-image-8347" title="UPS power consumption sparkline" src="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-ups.png" alt="Server power consumption" width="100" height="20" /></a></span></span></span></span></p>
<p>The sparkline clearly reflects a drop in consumption a little over a week ago, which is due to the removal of some units from our server rack.</p>
<p><span style="color: #aa0000;"><span style="color: #000000;"><span style="color: #0000aa;"><span style="color: #000000;"><span style="color: #00aa00;"><span style="color: #000000;">Similarly, we can look at the cooling system readings, which fell from <span style="color: #aa0000;">545 kWh <span style="color: #000000;">four weeks ago to <span style="color: #0000aa;">457 kWh <span style="color: #000000;">when we raised the thermostat setting by 3°F</span><span style="color: #000000;">, and has been slowly climbing on average since then to <span style="color: #339966;">468 kWh</span> &#8211; a fact that is more difficult to derive from the original bar chart.</span></span></span></span></span></span></span></span></span></span></p>
<p><span style="color: #aa0000;"><span style="color: #000000;"><span style="color: #0000aa;"><span style="color: #000000;"><span style="color: #00aa00;"><span style="color: #000000;"><span style="color: #aa0000;"><span style="color: #000000;"><span style="color: #0000aa;"><span style="color: #000000;"><a href="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-cooling.png"><img class="aligncenter size-full wp-image-8356" title="Cooling system power consumption sparkline" src="http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-cooling.png" alt="Cooling system power consumption sparkline" width="100" height="20" /></a></span></span></span></span></span></span></span></span></span></span></p>
<p>So, it seems that sparklines can be useful for teasing out information about general trends. But, there are a few things to be careful about. For example, each of these sparklines has it&#8217;s own vertical scale, so while trends can be compared, the actual differences in consumption cannot. Also, I might look at those bumps in the cooling system sparkline and wonder if those occurred on warmer days. I may then look at the temperature records and see a pattern that appears similar, but without the actual dates and readings I&#8217;d be treading on thin ice in forming any conclusions.</p>
<p>So, I think I&#8217;ll add the sparkline to my array of tools, but I&#8217;m still deciding how to use it&#8217;s principles to improve upon our power consumption chart.</p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand">
<ul class="socials">
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/&amp;title=Sparklines+-+can+less+be+more+in+data+visualization%3F" rel="nofollow" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="sexy-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/&amp;title=Sparklines+-+can+less+be+more+in+data+visualization%3F" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="sexy-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/&amp;title=Sparklines+-+can+less+be+more+in+data+visualization%3F" rel="nofollow" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/&amp;t=Sparklines+-+can+less+be+more+in+data+visualization%3F" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=Sparklines+-+can+less+be+more+in+data+visualization%3F+-+http://b2l.me/fcys2+" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-comfeed">
			<a href="http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/feed" rel="nofollow" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="sexy-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/&amp;title=Sparklines+-+can+less+be+more+in+data+visualization%3F&amp;summary=Einstein%20is%20often%20quoted%20as%20saying%20%22Make%20everything%20as%20simple%20as%20possible%2C%20but%20no%20simpler.%22%20Last%20month%2C%20I%20went%20to%20a%20seminar%20given%20by%20Edward%20Tufte%2C%20author%20of%20%22Beautiful%20Evidence%22%20and%20%22Envisioning%20Information%22%20-%20books%20that%20serve%20as%20inspiration%20for%20many%20in%20the%20field%20of%20information%20visualization.%20While%20&amp;source=Indianapolis Museum of Art Blog" rel="nofollow" title="Share this on Linkedin">Share this on Linkedin</a>
		</li>
		<li class="sexy-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Sparklines+-+can+less+be+more+in+data+visualization%3F&amp;link=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/" rel="nofollow" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="sexy-tumblr">
			<a href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.imamuseum.org%2Fblog%2F2009%2F09%2F22%2Fsparklines-can-less-be-more-in-data-visualization%2F&amp;t=Sparklines+-+can+less+be+more+in+data+visualization%3F" rel="nofollow" title="Share this on Tumblr">Share this on Tumblr</a>
		</li>
		<li class="sexy-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/&amp;n=Sparklines+-+can+less+be+more+in+data+visualization%3F&amp;pli=1" rel="nofollow" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

]]></content:encoded>
			<wfw:commentRss>http://www.imamuseum.org/blog/2009/09/22/sparklines-can-less-be-more-in-data-visualization/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<enclosure url='http://www.imamuseum.org/blog/wp-content/uploads/2009/09/sparkdemo-total.png' length ='1015'  type='image/jpg' />	</item>
	</channel>
</rss>
