<?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>O&#039;Reilly Radar &#187; Andy Kirk</title>
	<atom:link href="http://radar.oreilly.com/andyk/feed" rel="self" type="application/rss+xml" />
	<link>http://radar.oreilly.com</link>
	<description>Insight, analysis, and research about emerging technologies</description>
	<lastBuildDate>Wed, 22 May 2013 12:00:50 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Walking the tightrope of visualization criticism</title>
		<link>http://radar.oreilly.com/2012/07/visualization-criticism.html</link>
		<comments>http://radar.oreilly.com/2012/07/visualization-criticism.html#comments</comments>
		<pubDate>Mon, 02 Jul 2012 13:00:00 +0000</pubDate>
		<dc:creator>Andy Kirk</dc:creator>
				<category><![CDATA[Data]]></category>
		<category><![CDATA[@editpick]]></category>
		<category><![CDATA[@home]]></category>
		<category><![CDATA[@radaronly]]></category>
		<category><![CDATA[@top]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[context]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[criticism]]></category>
		<category><![CDATA[experimentation]]></category>
		<category><![CDATA[intent]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://blogs.oreilly.com/radar/2012/07/visualization-criticism.html</guid>
		<description><![CDATA[A creative field, such as visualization, will have many different interpretations and perspectives. The resolution and richness of this opinion is important to safeguard. ]]></description>
				<content:encoded><![CDATA[<p>In a recent talk at the SEE conference in Germany, data illustrator Stefanie Posavec <a href="http://vimeo.com/channels/seeconference/41981343">opened her talk</a> with a sobering observation about how she had found the data visualization field really intimidating.</p>
<p>Her experience was that many visualization bloggers and active participants seem to believe in one right way and lots of wrong ways to create a visualization. To those entering the field, these types of views will create a fair amount of confusion, inconsistency and contradiction. It demonstrates our current glass-is-never-full tendency toward critical evaluation. </p>
<p>This should act as an important wake-up call to all of us who care about maintaining an accessible and supportive community around data visualization and infographic design, particularly as these disciplines continue to penetrate the mainstream consciousness. </p>
<p>The fear is that Posavec&#8217;s expressing of this view is just the tip of an iceberg. Who knows how many designers outside of the spotlight hold a similar perception and are reluctant to share their work and engage with the field?</p>
<p>In this article, I seek to take a detached view of the visualization field and weave in my experiences from delivering introductory data visualization training courses over the past year. I want to take a look at the constituency of this discipline and the role of critique to see how Posavec&#8217;s experiences could have materialised and contrast them with the people I meet in my classes. </p>
<h2>The visualization ecosystem</h2>
<p>One of the most rewarding personal experiences from my training courses has been getting the chance to mix with a variety of delegates from different countries, cultures, occupations and industries. Spending time with essentially everyday people, learning as much from them as they do from me, has been hugely refreshing. The term &#8220;everyday people&#8221; could be perceived as condescending, but far from it. Allow me to elaborate.</p>
<p>When you are an active participant in a field like data visualization you spend most of your time consuming and digesting information from your peers. This can create a bubble of exposure to just those hardcore connoisseurs &mdash; the academics, the authors, the designers and the bloggers &mdash; who have spent years refining their knowledge and perfecting their craft.</p>
<p>This is the sharp-end of the field where the intensity of debate, knowledge exchange and opinion expression is high. The observations emerging at this level represent the most perceptive, creative and comprehensive insights into the design techniques on show today. The attention to detail, the care for quality and the commitment to evaluation and feedback is significant. However, it can inadvertently create a certain suffocating or perhaps inhibiting barrier for many looking to learn and develop their capabilities. </p>
<p>A key observation from my training courses has been the sense that we in the field could be accused, at times, of a certain amount of design snobbery. We criticise and lambast many of the popular but &#8220;trashy&#8221; infographics, and believe them to be an inferior practice. However, during training sessions, I invite delegates to assess a variety of different types of visualization design, including such infographic pieces. I often hear comments that express and reason a preference or even a &#8220;like&#8221; for pieces that I would not. This has proven to be a highly illuminating experience.</p>
<p>A consequence of associating with or belonging to this top-tier &#8220;bubble&#8221; is that you can become somewhat detached and even oblivious to the opinions of those who might be considered to exist in the real world. These are the casual enthusiasts, the everyday people I mentioned early. They are likely to be beginning their journey into the field or have been nibbling around the edges for a while, but probably never too seriously until now. In contrast to the hardcore connoisseurs, this lower-expertise but more highly populated tier of the field&#8217;s pyramid of participants makes up a totally different demographic and psychographic.</p>
<p>These people provide a great tapestry of different opinions, backgrounds and capabilities and, generally, they offer a more sympathetic, fresh and open-minded view on visualization design. Without the burden of knowledge, theories and principles that the rest of us carry around with us all the time, and by not living and breathing the subject across every waking hour, their appreciation of visualization is more rooted in taste, instinct and fueled by a fresh enthusiasm to consume information in visual form.</p>
<p>Beyond and beneath this middle-tier sits, well, everybody else. These are the purely occasional consumers and nothing more. Their daily roles may not have anything to do with data, they possibly don&#8217;t even know or probably care what visualization is. Yet, they belong to the almost silent but abundant cohort of people who are occasionally curious enough to look at an attractive visualization or light-weight infographic. They don&#8217;t want or need to learn about the field, they just find enough interest in having a look at some of its output. </p>
<p>This is the true make-up of the visualization and infographic field, and we need to appreciate its relevance.</p>
<h2>The irrationality of needs: Fast food to fine dining</h2>
<p>There is a prominent, long-established film critic in the U.K. who is generally considered a fair and sound judge of movies. He has a deep subject expertise and is capable of fully reasoning all his reviews with thorough analysis. Despite this, he does occasionally resort to the riposte &#8220;other opinions are available, but they&#8217;re the wrong ones&#8221; when challenged by readers or viewers.</p>
<p>As with any subject&#8217;s &#8220;expert&#8221; tier, we in data visualization can find ourselves being a little too closed off, perhaps believing the merit of our views hold greater weight than other, contrary opinions from outside. But this is largely because we don&#8217;t always entirely appreciate the variety of intentions and needs behind visualization designs. Furthermore, there are so many different contexts, target audiences and formats through which visual communication of data can exist.</p>
<p>Sometimes we&#8217;re looking to impart a data-driven communication where the absolute accuracy of interpretation is vital. On other occasions it might be about creating a visual representation of data to impact more on an emotional level, trying to change behaviour and connect with people through non-standard methods. Sometimes we are working on subjects that are important, complex and deep, and require a more engaging and prolonged interactive exploratory experience. By contrast, we might just be presenting some rather lightweight facts or stats that relate to a harmless, maybe even &#8220;fun,&#8221; subject matter.</p>
<p>This is where a comparison with other creative territories like music, TV, movies and food is appropriate to help illustrate how fundamentally impulsive, inconsistent and irrational our tastes can be. Of course, the intention is very different with these channels of expression, but still we can relate to experiences when we sometimes prefer a fast food meal or to feast on junk food snacks as opposed to sitting down to a wholesome, home-cooked meal. We know it&#8217;s probably bad for us, we&#8217;ll probably spend more money on it and we know we&#8217;re likely to be hungry again in an hour, but we still do it.</p>
<p>You will typically never be too far away from running across intelligent, well-written movies or <a href="http://www.guardian.co.uk/tv-and-radio/tvandradioblog/2012/apr/04/uk-not-mad-for-mad-men)">TV programmes</a>, but sometimes a trashy, loud, special-effects-laden blockbuster just does the trick. The critics might have told us how much we should hate them and how we should have spent our time with a more critically acclaimed work, but we don&#8217;t care; we just want some mindless escapism. You can extend this to <a href="http://eagereyes.org/criticism/metaphor-visualization-writing">writing</a>. Maybe we should all be sitting down in our spare time reading Shakespeare or Keats, enriching our minds. But most of us aren&#8217;t. I know I&#8217;m not.</p>
<p>You can extend this to music, art, or really to any other creative channel. Of course, there are many other factors at play (access, time, resources, peer influences, etc.), but we still instinctively seek to mix things up on occasion and go against the grain. Being told what we should and shouldn&#8217;t do can create as many followers as it does opponents.</p>
<p>It&#8217;s the same with visualization. For many people, sometimes a harmless infographic showing some throw-away facts or stats about social media, or demonstrating how to avoid getting bitten by a shark is just what people fancy viewing at that point in time. This explains the vast success of works presented on gallery sites like <a href="http://gigaom.com/cloud/can-visual-ly-spawn-the-data-scientists-of-the-future/">visual.ly</a>, the growth of design agencies like <a href="http://columnfivemedia.com/">Column Five</a> and the general phenomenon of modern-day tower infographics.</p>
<p>Whilst more important subjects and <a href="http://blog.visual.ly/10-things-you-can-learn-from-the-new-york-times-data-visualizations/">works from leading organisations like the New York Times</a> are arguably where we should be paying our attention to learn and respond to critical issues, occasionally we just need a release. We just want a blend of different visuals. This is the visualization ecosystem, and we need to appreciate its value. Nathan Yau recently wrote an insightful comment piece about this <a href="http://flowingdata.com/2011/12/08/on-low-quality-infographics/">pattern</a>.</p>
<p>Extend this discussion further and consider the appeal of <a href="https://twitter.com/#!/albertocairo/status/179651412723113986">fun</a> and of aesthetic attraction to help stimulate the brain into engaging and learning with representations of information. This has been proposed as an <a href="http://www.ise.bgu.ac.il/faculty/noam/research/aesthetics.html">important attribute of design</a> for a long time but still exists as such a divisive issue within the data visualization field.</p>
<p>Whilst I <a href="http://www.visualisingdata.com/index.php/2011/12/10-significant-visualization-developments-july-to-december-2011/">recently remarked</a> that there might be a sense that the traditional factions in the field were starting to better appreciate each other, I feel there is still more visible polarity than harmony. Indeed, arguably more polarity than even co-existence. This is an indication that the field is still evolving but needs to mature, and it is through our critique where these fault-lines and opinion clashes manifest themselves. Most of it is valuable and healthy debate, but equally, we need to make sure it remains reasoned and accessible.</p>
<h2>Grown-up criticism</h2>
<p>A key part of the training sessions I deliver is focused on trying to equip delegates with a more informed sense of how to evaluate a visualization piece. It urges them to attempt to understand the process, the purpose and the parameters that have surrounded a project. Rather than drawing conclusions from a superficial &#8220;taste&#8221; reaction, they are asked to take a forensic approach to assessing the quality and effectiveness of a visualization, peeling through the layers of a visualization&#8217;s anatomy and putting themselves into the mind of the designer.</p>
<p>This is something we should all try to do before publishing our knee-jerk conclusions to the world. To empathise with the constraints that might have existed within the project, the limitations of the data, try to imagine the brief and the influencing factors the designer had to contend with. When we view and evaluate a piece, we are looking at something that has not benefited from infinite time, endless resources and limitless capability. Could we have done better ourselves given the same context? </p>
<p>On a perverse level, I feel this part of the training risks eroding the raw innocence (without being disrespectful) that enables more casual observers to take visualizations and infographics on face value. They are not cursed by the depth of analysis and variety of lenses through which they should evaluate a piece. </p>
<p>However, I shouldn&#8217;t worry because what always comes across from the delegates when we do this exercise is the very grounded, realistic and practical appreciation of what works and doesn&#8217;t work in different contexts. There is a mature and pragmatic acceptance and appreciation of the type of limitations, pressures, constraints and interferences that might have shaped the resulting design.</p>
<p>Such experiences in my training course have made me think that those of us in the connoisseur&#8217;s cohort are occasionally guilty of assessing visualization pieces too harshly, too readily and too rapidly. This was the essence of Stefanie Posavec&#8217;s observation. It&#8217;s not so much looking at the glass being half empty; it&#8217;s more akin to seeing the slightest shortcoming and amplifying the importance of this perceived flaw. </p>
<p>A recent <a href="https://twitter.com/#!/moebio/status/167984648733995010">observation</a> on Twitter from Santiago Ortiz highlights this idea, characterising the type of critique that often exists about different visualization methods and approaches.</p>
<blockquote class="twitter-tweet tw-align-center"><p>The following vehicle is slower than a horse, can&#8217;t cross oceans or fly. It&#8217;s very insecure when used in big highways. <a href="http://t.co/vFmvqXhO" title="http://www.infovisual.info/05/img_en/033%20Bicycle.jpg">infovisual.info/05/img_en/033%&#8230;</a></p>
<p>&mdash; Santiago Ortiz (@moebio) <a href="https://twitter.com/moebio/status/167984648733995010">February 10, 2012</a></p></blockquote>
<p></p>
<p>And here&#8217;s the vehicle Ortiz was referring to:</p>
<p class="image-box-580"> <a href="http://infovisual.info/05/033_en.html"><img src="http://cdn.oreilly.com/radar/images/posts/0612-bicycle.png" width="580" border="0" alt="Bicycle" style="margin-bottom: 15px" /></a><br /><em>Via the <a href="http://infovisual.info/05/033_en.html">Visual Dictionary</a>.</em></p>
<p>This observation resonates with a question I have been asked on several occasions by training course delegates. Many express a frustration in their struggle to understand and identify what makes a perfect visualization. By extension, they admit to a difficulty in establishing clarity in their own convictions about judging what is a right way and a wrong way to approach a visualization design.</p>
<p>Entering the field, you begin with fundamentally no informed reasoning for appreciation of quality; it is a gut instinct based on the effect it has on you. Yet, through the influence of reading key articles and exposure to social media, when you see others expressing a conviction, you feel obliged to jump off the fence and hurriedly wave a flag, any flag, of your judgment. It&#8217;s not so much a case of following the crowd, rather more about feeling a need to express an opinion as quickly and as clearly as everybody else seems to.</p>
<p>Here&#8217;s the truth: Developing clarity of your design conviction is difficult. If it were purely about taste, it would be easier. That&#8217;s why you can be much more affirmative about your tastes in things like music, art or movies. &#8220;Did it connect with you?&#8221; is a very open but fitting question that easily allows you to arrive at a Boolean type of response and the clarity of your judgment.</p>
<p>I recently <a href="http://www.visualisingdata.com/index.php/2012/02/the-data-visualizations-i-like-what-about-you/">wrote an article</a> to discuss the visualizations I like. In this piece, I talked much less about style, approach, subjects, technique or principles, but instead focused on those visualizations that give back more in return than you put it. That is my conviction, but it has taken a long while to arrive at that level of clarity. As many others will, I&#8217;ve been through a full discovery cycle of liking things that I now don&#8217;t like and disliking things that I now do.</p>
<p>This conviction is informed by knowledge, by exposure to other disciplines and methods, and also through greater appreciation of what it takes to craft an effective visualization solution that works for the problem context it is responding to. Fundamentally, this is a hard discipline to do well.</p>
<h2>Final thoughts</h2>
<p>The balance, fairness and realism of our criticism needs to improve. </p>
<p>The desire of those active &#8220;experts&#8221; in the field to influence widespread effective practice needs to be matched by a greater maturity and sensitivity in the way we also evaluate the output of this creativity. Moreover, commentators and critics, myself included, need to develop a smarter appreciation of the different contexts in which these works are created.</p>
<p>A creative field, by its very nature, will have many different interpretations and perspectives, and the resolution and richness of this opinion is important to safeguard. Of course, promoting a more open-minded approach to evaluation doesn&#8217;t mean to say there should be no critical analysis. We also need to ensure there isn&#8217;t too much demonstration of the emperor&#8217;s new clothes attitude, especially when a work looks cool or demonstrates impressive technical competence.</p>
<p>There is great importance in having the conviction and confidence to ask the question &#8220;so what?,&#8221; to engage in constructive and mature critique (for <a href="http://thewhyaxis.info/feltron/">example</a>), and  to exhibit a desire to understand and<br />
probe the intention behind all visualisation work. From this, we will all learn so much more and help create an environment that facilitates encouragement rather than discouragement.</p>
<p>This article likely contains some sweeping generalisations that manage to over-simplify things, but hopefully they help illustrate the importance of  lifting our heads above the noise and seeing what&#8217;s actually going on, who is active in this field, what roles they are taking on and the value they are bringing to the whole visualization ecosystem, not just to the top table.</p>
<p>Fundamentally, what we need to avoid is inadvertently creating barriers to people trying to enter and develop in this field by creating the impression that a 1% missed opportunity is more important than the 99% of a design&#8217;s features that were a nailed-on success.</p>
<p>I know I will be making a concerted effort to achieve this balance and fairness in my own analyses.</p>
<p><em>Associated photo on home and category pages: <a href="http://www.flickr.com/photos/tinfoilraccoon/2216824622/" title="Library report card--5th grade by Rochelle, just rochelle, on Flickr">Library report card&#8211;5th grade</a></em></p>
<div style="float: left;border-top: thin gray solid;border-bottom: thin gray solid;padding: 20px;margin: 20px 2px;clear: both"><a href="https://en.oreilly.com/stratany2012/public/regwith/RADAR20?intcmp=il-strata-stny12-visualization-criticism"><img style="float: left;border: none;padding-right: 10px" src="http://cdn.oreilly.com/radar/images/promos/2012-strata-ny-promo.gif" /></a><a href="https://en.oreilly.com/stratany2012/public/regwith/RADAR20?intcmp=il-strata-stny12-visualization-criticism"><strong>Strata Conference + Hadoop World</strong></a> &mdash;  The O&#8217;Reilly Strata Conference, being held Oct. 23-25 in New York City, explores the changes brought to technology and business by big data, data science, and pervasive computing. This year, Strata has joined forces with Hadoop World.</p>
<p><a href="https://en.oreilly.com/stratany2012/public/regwith/RADAR20?intcmp=il-strata-stny12-visualization-criticism"><strong>Save 20% on registration with the code RADAR20</strong></a></div>
<p><strong>Related:</strong></p>
<ul>
<li> <a href="http://radar.oreilly.com/2012/02/why-data-visualization-matters.html">Why data visualization matters</a></li>
<li> <a href="http://radar.oreilly.com/2011/05/visualization-intent.html">When judging visualizations, intent matters</a></li>
<li> <a href="http://radar.oreilly.com/2012/02/how-to-create-visualization-facebook-vacation.html">How to create a visualization</a></li>
<li> <a href="http://radar.oreilly.com/2011/10/animated-geo-data.html">Why animated geospatial data works</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://radar.oreilly.com/2012/07/visualization-criticism.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visualization deconstructed: Why animated geospatial data works</title>
		<link>http://radar.oreilly.com/2011/10/animated-geo-data.html</link>
		<comments>http://radar.oreilly.com/2011/10/animated-geo-data.html#comments</comments>
		<pubDate>Wed, 19 Oct 2011 13:00:00 +0000</pubDate>
		<dc:creator>Andy Kirk</dc:creator>
				<category><![CDATA[Data]]></category>
		<category><![CDATA[@editpick]]></category>
		<category><![CDATA[@home]]></category>
		<category><![CDATA[@top]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[geo data]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[Visualization Deconstructed]]></category>

		<guid isPermaLink="false">http://blogs.oreilly.com/radar/2011/10/animated-geo-data.html</guid>
		<description><![CDATA[When you plot geographic data onto the scenery of a map and then create a shifting window into that scene through the sequence of time, you create a deep, data-driven story. ]]></description>
				<content:encoded><![CDATA[<p>In this, my first <a href="http://radar.oreilly.com/tag/visualization-deconstructed">Visualization Deconstructed</a> post, I&#8217;m expanding the scope to examine one of the most popular contemporary visualization <em>techniques</em>: animation of geospatial data over time.</p>
<h2>The beauty of photo versus the wonder of film</h2>
<p><a href="http://www.facebook.com/l.php?u=http%3A%2F%2Fsphotos.ak.fbcdn.net%2Fhphotos-ak-snc4%2Fhs1382.snc4%2F163413_479288597199_9445547199_5658562_14158417_n.jpg&#038;h=d2cdb"><img src="http://blogs.oreilly.com/wp/wp-content/uploads/2011/10/1011-facebook-viz1.jpg" border="0" alt="Paul Butler's visualizing frienships" width="300" style="float: right; margin: 3px 0 10px 10px;" /></a>In a previous <a href="http://radar.oreilly.com/2011/01/visualization-facebook-friendships.html">post</a>, Sebastien Pierre provided some excellent analysis about the illuminating visualization produced by Paul Butler, which examined the relationships between Facebook users around the world.</p>
<p>Here, we saw the intricate beauty that comes from a designer who finds the sweet spot of insightful effectiveness and aesthetic elegance. This accomplishment is all the more impressive when demonstrated through a static visualization.</p>
<p>Sebastien shared a great quote, attributed to Paul Butler, <a href="http://www.facebook.com/notes/facebook-engineering/visualizing-friendships/469716398919">which read</a>: &#8220;Visualizing data is like photography. Instead of starting with a blank canvas, you manipulate the lens used to present the data from a certain angle.&#8221;</p>
<p>A static visualization is a single shot from this metaphorical camera: a carefully conceived, arranged and executed vision which, at its best, manages to portray the motion of a story without the deployment of movement.</p>
<p>If the static visualization is a photograph, an interactive visualization, by contrast, can be considered a movie. In today&#8217;s technological environment, interactives expand the creative opportunities, enabling multi-talented designers to fully unleash the dynamism of their data.</p>
<p>One of the most powerful examples of interactive visualization is the animation of geospatial data. In its simplest state, this is geographical data with a timestamp, but when you plot this data onto the scenery of a map and then create a shifting window into the scene through the sequence of time, you create a data-driven story.</p>
<h2>Examining the power of animated geospatial data</h2>
<p>As the popularity and spread of data visualization practice expands, so too does the gallery of fantastic examples of animated geospatial data. We&#8217;ve been fortunate to see some great developments in recent times:</p>
<p><a href="http://derekwatkins.wordpress.com/2011/08/06/posted/">Visualizing US expansion through post offices</a>, by Derek Watkins</p>
<p class="image-box-580"><iframe src="http://player.vimeo.com/video/27376376?byline=0&amp;portrait=0" width="580" height="326" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></p>
<p><a href="http://www.stanford.edu/group/ruralwest/cgi-bin/drupal/visualizations/us_newspapers">Journalism&#8217;s Voyage West &mdash; The growth of Newspapers Across the US: 1690-2011</a>, by Stanford University</p>
<p class="image-box-580"><a href="http://www.stanford.edu/group/ruralwest/cgi-bin/drupal/visualizations/us_newspapers"><img src="http://s.radar.oreilly.com/2011/10/17/1011-newspaper-growth-viz.png" border="0" alt="Journalism's Voyage West - The growth of Newspapers Across the US: 1690-2011" width="580" /></a><br />(<a href="http://www.stanford.edu/group/ruralwest/cgi-bin/drupal/visualizations/us_newspapers">Click to see the full interactive visualization</a>.)</p>
<p><a href="http://www.flickr.com/photos/twitteroffice/5885172082/">Personal Messages from Twitter, created by Twitter</a></p>
<p class="image-box-580"><object type="application/x-shockwave-flash" width="580" height="327" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=8fb27274bc&#038;photo_id=5885172082&#038;flickr_show_info_box=true"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=8fb27274bc&#038;photo_id=5885172082&#038;flickr_show_info_box=true" height="327" width="580"></embed></object></p>
<p>So what are the design elements and characteristics that make these visualizations so powerful? </p>
<h2>Data layer</h2>
<p>In each of the examples above, we witness the compelling effect of data transformed from an abstract state to a physical representation on a map, instantly bringing it to life. This is the primary layer of the visualization. The challenge for the designer is to choose the right marker with which to represent the data point, with size and color being the most prominent considerations.</p>
<p>In some cases, we see the design of data markers being used to combine the representation of additional data variables beyond the geographical positioning. These might include a data category encoded through color (as seen in the presentation of depth in the &#8220;<a href="http://www.japanquakemap.com/">The Japanese Quake Map</a>&#8220;) or a quantitative measure revealed through size (as demonstrated in &#8220;<a href="http://tipstrategies.com/blog/2010/04/geography-of-jobs/">The Geography of Job Losses</a>&#8220;).</p>
<p>Data points clearly need to be sized so they are visible without expanding beyond their specific locations or positions and cluttering the display. This is typically a problem associated with markers that double up in duty to represent quantitative values, as seen in &#8220;<a href="http://bits.blogs.nytimes.com/2009/12/17/a-day-in-the-life-of-nytimescom/">A Day in the Life of NYTimes.com</a>.&#8221; Here, we see the radius of the circular shapes expanding far and wide across large areas, which can result in the hiding of or bleeding of markers into other data points.</p>
<p class="image-box-580"><img src="http://blogs.oreilly.com/wp/wp-content/uploads/2011/10/1011-nytimes-viz1.png" border="0" alt="Screenshot from A Day in the Life of the NYTimes.com" width="580" style="margin-bottom: 15px;" /><br />Expanding circles, such as those in &#8220;<a href="http://bits.blogs.nytimes.com/2009/12/17/a-day-in-the-life-of-nytimescom/">A Day in the Life of NYTimes.com</a>,&#8221; can hide other data points.</p>
<p>The challenge of displaying multiple data items around or on a similar geographical location is also critical, especially when working within the confines of such a small mapping design space. One of the most elegant solutions is seen in the &#8220;<a href="http://derekwatkins.wordpress.com/2011/08/06/posted/">US expansion through post offices</a>&#8221; visualization, which shows darker clusters of data points where there are clearly dense volumes. </p>
<h2>Color and Background</h2>
<p>The effectiveness of a visualization will be strongly influenced by how well the designer synthesizes the data layer with the background layer. The key influencing properties here are the color scheme and map choice. </p>
<p>Color choices should be influenced by the need to amplify the recognition and visibility of the data points. In the examples displayed, we see contrasting approaches to the deployment of color. In &#8220;<a href="http://www.stanford.edu/group/ruralwest/cgi-bin/drupal/visualizations/us_newspapers">Journalism&#8217;s Voyage West</a>,&#8221; we see dark mapping shades working well as the backdrop to highlight the bright white data points as they emerge. The visualization of &#8220;<a href="http://derekwatkins.wordpress.com/2011/08/06/posted/">US expansion through post offices</a>,&#8221; on the other hand, switches this approach with a very light mapping image and an unsaturated &mdash; and probably semitransparent &mdash; brown hue to represent data. These color properties help resolve the overlay of multiple data points, as mentioned above.</p>
<p>For the mapping imagery, the issue is whether to present a detailed terrain like &#8220;<a href="http://www.japanquakemap.com/">The Japanese Quake Map</a>&#8221; or just to use the shape of the geographical regions, like in the &#8220;<a href="http://www.flickr.com/photos/twitteroffice/5885172082/">Personal Messages from Twitter</a>&#8221; project. In the quake map, the data points are generally plotted out at sea, otherwise there would be quite a visual clash, making it difficult for the data points to stand out. Unless you really need the geographical details, shapes alone &mdash; perhaps with limited labeling &mdash; work very well and help keep the data center stage.</p>
<p>There is the option, of course, to use no mapping layer at all, as exhibited in the &#8220;<a href="http://www.facebook.com/notes/facebook-engineering/visualizing-friendships/469716398919">Visualizing Facebook</a>&#8221; projects. In this case, patterns formed by the locations of and relationships between Facebook users actually illustrates much of the world map. We then learn as much from the darkness of expected and absent regions as we do from the areas that have data points. However, this is only really appropriate if you have vast amounts of data to plot.</p>
<h2>Animation and interaction</h2>
<p>Central to the impact and effectiveness of these designs is the simple animation of the data over time. Some exist with just a play/pause button; others have more interactive options to control the speed, flow and progress of the timeline. </p>
<p>For the viewer, there is palpable excitement when anticipating how the patterns will evolve; when the data spread will increase or decline; when the data activity will speed up or slow down; and when it will pop up in new, previously uncharted territories.</p>
<p>One of the most interesting design features is how designers choose to manage the presentation of new data points as time progresses. The pulsing rain-drop effect used in Nathan Yau&#8217;s &#8220;<a href="http://projects.flowingdata.com/walmart/">The Growth of Walmart and Sam&#8217;s Club (1962-2010)</a>&#8221; visualization is a wonderfully conceived approach. It really helps to briefly draw the viewer&#8217;s attention to new and emerging data locations. Similarly, on the &#8220;<a href="http://derekwatkins.wordpress.com/2011/08/06/posted/">US expansion through post offices</a>&#8221; project, the designer employs a clever blurring effect, subtly relegating the prominence of each data point soon after it has appeared.</p>
<p class="image-box-580">
<a href="http://projects.flowingdata.com/walmart/"><img src="http://blogs.oreilly.com/wp/wp-content/uploads/2011/10/1011-walmart-viz1.png" border="0" alt="The Growth of Walmart and Sam's Club (1962-2010)" width="580" style="margin-bottom: 15px;" /></a><br />
<br />The rain-drop effect used in &#8220;<a href="http://projects.flowingdata.com/walmart/">The Growth of Walmart and Sam&#8217;s Club (1962-2010)</a>&#8221; momentarily draws the viewer&#8217;s attention to emerging data locations. (<a href="http://projects.flowingdata.com/walmart/">Click to see the full version</a>.)</p>
<p>Other creative features can add extra usability to the interactive experience, such as panning across and zooming within the map to see more localized details of interest.</p>
<h2>Annotation</h2>
<p>The sometimes neglected inclusion of information to help explain and facilitate the viewing experience is such a key visualization layer. It can elevate a visualization from a nice animation to something truly revealing, such as the use of milestone points along a horizontal timeline to provide contextual understanding about key points in time. </p>
<p>While not included in the visualization itself, Derek Hawkins&#8217; <a href="http://derekwatkins.wordpress.com/2011/08/06/posted/">associated blog post</a> does offer some fascinating narrative to go with his &#8220;<a href="http://derekwatkins.wordpress.com/2011/08/06/posted/">US expansion through post offices</a>&#8221; work. However, the best example of thorough annotation has to be the <a href="http://www.stanford.edu/group/ruralwest/cgi-bin/drupal/visualizations/us_newspapers">full site version</a> of the &#8220;<a href="http://www.stanford.edu/group/ruralwest/cgi-bin/drupal/visualizations/us_newspapers">Journalism&#8217;s Voyage West</a>&#8221; project. Aside from detailed, explanatory milestones, this version also includes a thorough introduction, clear data legends and the opportunity to explore the dataset underlying each data point. </p>
<h2>Interpretation</h2>
<p>Finally, we look at the value these interactive designs offer. The best designs, including those presented above, provide a dual utility: on one hand, revealing whole stories over time and location, and on the other, allowing us to unearth our own narratives through exploration.</p>
<p>Whether it is observing the journey of the United States&#8217; population growth and expansion from east to west or the global relationships of those touched by the Japanese earthquakes, these animations reveal patterns and relationships we would have otherwise not seen when viewing the data alone. This encapsulates the very purpose of data visualization.</p>
<div style="float: left; border-top: thin gray solid; border-bottom: thin gray solid; padding: 20px; margin: 20px 2px; clear: both;"><a href="https://en.oreilly.com/strata2012/public/regwith/radar20?cmp=il-radar-st12-viz-deconstructed-animated-geo-data"><img style="float: left; border: none; padding-right: 10px;" src="http://blogs.oreilly.com/wp/wp-content/uploads/2011/10/2011-strata-ca-promo1.png" /></a><a href="https://en.oreilly.com/strata2012/public/regwith/radar20?cmp=il-radar-st12-viz-deconstructed-animated-geo-data"><strong>Strata 2012</strong></a> &mdash;  The 2012 Strata Conference, being held Feb. 28-March 1 in Santa Clara, Calif., will offer three full days of hands-on data training and information-rich sessions. Strata brings together the people, tools, and technologies you need to make data work.</p>
<p><a href="https://en.oreilly.com/strata2012/public/regwith/radar20?cmp=il-radar-st12-viz-deconstructed-animated-geo-data"><strong>Save 20% on registration with the code RADAR20</strong></a></div>
<p><strong>Related:</strong></p>
<ul>
<li> <a href="http://radar.oreilly.com/2011/01/visualization-facebook-friendships.html">Visualization deconstructed: Mapping Facebook&#8217;s friendships</a></li>
<li> <a href="http://radar.oreilly.com/2011/01/visualization-mapping-america.html">Visualization deconstructed: New York Times &#8220;Mapping America&#8221;</a></li>
<li> <a href="http://radar.oreilly.com/tag/visualization-of-the-week">Visualization of the Week series</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://radar.oreilly.com/2011/10/animated-geo-data.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
