<?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>Ann&#039;s Blog &#187; sparklines</title>
	<atom:link href="/tag/sparklines/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.annkemery.com</link>
	<description>Equipping you to collect, analyze, and visualize data</description>
	<lastBuildDate>Tue, 24 Mar 2015 21:13:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.1.1</generator>
	<item>
		<title>At-a-Glance Patterns with Area Charts</title>
		<link>http://www.annkemery.com/at-a-glance-patterns-with-area-charts/</link>
		<comments>http://www.annkemery.com/at-a-glance-patterns-with-area-charts/#comments</comments>
		<pubDate>Wed, 27 Aug 2014 14:08:04 +0000</pubDate>
		<dc:creator><![CDATA[Ann K. Emery]]></dc:creator>
				<category><![CDATA[Essential Charts]]></category>
		<category><![CDATA[Visualizing Data]]></category>
		<category><![CDATA[area chart]]></category>
		<category><![CDATA[conditional formatting]]></category>
		<category><![CDATA[data visualization options]]></category>
		<category><![CDATA[heat map]]></category>
		<category><![CDATA[small multiples]]></category>
		<category><![CDATA[sparklines]]></category>

		<guid isPermaLink="false">http://www.annkemery.com/?p=4839</guid>
		<description><![CDATA[First, the best thing I&#8217;ve ever written about: &#160; Ann K. Emery: Independent consultant! &#160; I&#8217;m taking my data visualization and data analysis interests to the next level. Life is short;&#160;spend it well. My goal: To equip you to collect, analyze, and visualize your own...]]></description>
				<content:encoded><![CDATA[<p>First, the best thing I&#8217;ve ever written about:</p>
<p>&nbsp;</p>
<h2><strong>Ann K. Emery: Independent consultant!</strong></h2>
<p>&nbsp;</p>
<p>I&#8217;m taking my data visualization and data analysis interests to the next level. Life is short;&nbsp;spend it well. My goal: To equip you to collect, analyze, and visualize your own data.</p>
<p>Is your team overdue to step up your data game?&nbsp;I&#8217;m leading&nbsp;<strong>full-day, half-day, and multi-day</strong> <strong>workshops</strong> about data visualization, data analysis, and spreadsheet strategies. I&#8217;ll come to your organization so your team has plenty of&nbsp;hands-on practice or provide your team with customized webinars.</p>
<p>Busy, and don&#8217;t have the time to learn all this yourself? I&#8217;m <strong>designing charts and dashboards</strong> from scratch through freelance projects of all sizes.</p>
<p>Already have reports, charts, and slides, but need a makeover? I&#8217;m <strong>redesigning existing visuals.&nbsp;</strong></p>
<p>Don&#8217;t have any data and not sure where to start? Have way too much data and not sure what to do with it?&nbsp;I&#8217;m <strong>partnering with nonprofits to conduct evaluations and improve internal performance management systems</strong>.</p>
<p>&nbsp;</p>
<p>I&#8217;m kicking off the fall consulting season with a full lineup of data visualization <a title="Events" href="/events/" target="_blank">workshops</a>, like&nbsp;<a title="Data Visualization for Evaluation: Critical Thinking Skills, Design Principles, and Technical How-Tos" href="/event/estudy-2/" target="_blank">this 3-hour webinar</a>&nbsp;through the American Evaluation Association (limited to the first 30 registrants).</p>
<p>Interested in my training or consulting services? <a href="/services" target="_blank">Contact me</a>. Want to partner on something fun?&nbsp;<a href="/services" target="_blank">Let&#8217;s talk</a>. Visiting DC ? <a href="/services" target="_blank">Let&#8217;s grab coffee</a>. Independent consultant? <a href="/services" target="_blank">Share your specialties</a> so I can refer people your way.</p>
<p>And now, back to your regularly-scheduled programming.</p>
<hr />
<p>A few weeks ago I&nbsp;showed you <a title="From Data Table to Small Multiples in Under 5 Minutes" href="/data-table-to-small-multiples/">how to create small multiples bar charts</a> simply by creating a stacked bar chart in Excel with invisible white segments. In 5 minutes or less! Today&#8217;s strategy takes a few minutes&nbsp;longer,&nbsp;but the result&nbsp;is worth it.</p>
<h3><strong>The Original: A Data Table</strong></h3>
<p>The fake scenario: We&#8217;re prepping for an upcoming meeting with grantmakers. Like most grantmakers (and humans), they&#8217;re inundated with too much data. Our job is to make the data easier to &#8220;see&#8221; and understand. Rather than expecting them to read a 50+ page report prior to the meeting, we&#8217;re going to condense a few key facts into a single handout.</p>
<p>The fake data: Health indicators in select states where grantmakers have supported community health initiatives over a 20-year time span.&nbsp;Pretend that health indicator 1 is something like fertility rate (births per woman). I realize the numbers are too high to represent actual fertility rates. It&#8217;s fake data. But you get the gist of what this dataset might show you.</p>
<p><img class="alignnone wp-image-4844 size-large" src="http://i2.wp.com/www.annkemery.com/wp-content/uploads/2014/08/data_table.png?resize=1024%2C641" alt="data_table" data-id="4844" data-recalc-dims="1" /></p>
<h3><strong>Option A: Exploring with Sparklines and Sparkbars</strong></h3>
<p>I began exploring the data table with sparklines and sparkbars.</p>
<p>You&#8217;ll need Excel 2010 or 2013 for sparklines, which is why I used my Mac for this post instead of my old-as-dirt-but-love-it-anyway PC with Excel 2007. Just highlight the row or column you want to visualize (e.g., C3 through M3), and find the icon that says Insert Sparklines.</p>
<p><img class="alignnone wp-image-4845 size-large" src="http://i1.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-A_sparklines.png?resize=1024%2C641" alt="option-A_sparklines" data-id="4845" data-recalc-dims="1" /></p>
<h3><strong>Option B: Exploring with Conditional Formatting</strong></h3>
<p>Conditional formatting is the 8th World Wonder. Rather than color-coding cells by hand, you just highlight a row or column (like B3 through M3), click the&nbsp;Conditional Formatting icon (typically in your Home tab), and start clicking on whatever you feel like. You don&#8217;t need to know what you&#8217;re doing. You won&#8217;t break anything.</p>
<p>In this example, I selected Color Scales. (Data Bars are also a personal favorite&#8211;I teach you how to make them <a href="https://www.youtube.com/watch?v=i9PdIdHhdWM&amp;list=UUu0waUz-GtZzeRQunEHSj_g" target="_blank">here)</a>. After creating Color Scales, I adjusted the print settings so that the heat table could serve as a one-page meeting handout in itself.&nbsp;I&#8217;ve been using heat tables a lot recently, so I&#8217;ll post more examples in future posts.</p>
<p><img class="alignnone wp-image-4846 size-large" src="http://i2.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-b_conditional-formatting.png?resize=1024%2C641" alt="option-b_conditional-formatting" data-id="4846" data-recalc-dims="1" /></p>
<h3><strong>Option C: Visualizing Everything in One Chart</strong></h3>
<p>Raw numbers for indicator 1 + percentages for indicators 2 and 3 = nope.&nbsp;The computer instinctually knows this is a bad idea.</p>
<p><img class="alignnone wp-image-4848 size-large" src="http://i1.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-c_everything-at-once.png?resize=1024%2C639" alt="option-c_everything-at-once" data-id="4848" data-recalc-dims="1" /></p>
<h3><strong>Option D: One State, One Chart</strong></h3>
<p>Again, the raw number plus percentage issue is like comparing apples to oranges.</p>
<p>The general idea here is that yes, you could narrow down the data table by focusing the reader&#8217;s attention on a single state. Maybe our group of fictional grant makers is especially interested in one state over another.</p>
<p><img class="alignnone wp-image-4849 size-large" src="http://i1.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-D_virginia-only.png?resize=1024%2C639" alt="option-D_virginia-only" data-id="4849" data-recalc-dims="1" /></p>
<h3><strong>&nbsp;Option E: Three States, Three Charts</strong></h3>
<p>Try to look past the horrid default formatting and the awkward raw number + percentage dilemma. The idea is that you compare each state side by side.</p>
<p><img class="alignnone wp-image-4862 size-large" src="http://i1.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-E_three-states-three-charts.png?resize=1024%2C639" alt="option-E_three-states-three-charts" data-id="4862" data-recalc-dims="1" /></p>
<h3><strong>Option F: One Indicator, One Chart</strong></h3>
<p>You might decide most important comparison to share with your fictional grantmakers is an apples-to-apples emphasis&nbsp;on indicator 1.</p>
<p><img class="alignnone wp-image-4863 size-large" src="http://i1.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-F_one-indicator-one-chart.png?resize=1024%2C639" alt="option-F_one-indicator-one-chart" data-id="4863" data-recalc-dims="1" /></p>
<h3><strong>Option G: Three Indicators, Three Charts</strong></h3>
<p>I&#8217;m optimistic that this layout, when formatted properly, would be extremely easy to understand.</p>
<p><img class="alignnone wp-image-4864 size-large" src="http://i0.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-G_three-indicators-three-charts.png?resize=1024%2C639" alt="option-G_three-indicators-three-charts" data-id="4864" data-recalc-dims="1" /></p>
<h3><strong>Option H: Small Multiples</strong></h3>
<p>In my fictional example, I formed relationships with the fictional grantmakers and deduced that they&nbsp;would benefit from seeing at-a-glance patterns of each of the 9 data series separately, i.e. a small multiples chart which is essentially just a visual depiction of a traditional data table.&nbsp;Their fictional meeting allots 15 minutes to view and discuss the handout that I&#8217;m about to create,&nbsp;so I decided that displaying each variable in its own chart would allow them to make their own connections between patterns. This small multiples approach contrasts with Option F (where the layout assumes that comparisons across states are most important) and with&nbsp;Option G (where the layout assumes that comparisons across indicators are most important).</p>
<p><strong>First, the unformatted small multiples:</strong></p>
<p><strong><img class="alignnone wp-image-4865 size-large" src="http://i0.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-H_small-multiples.png?resize=1024%2C639" alt="option-H_small-multiples" data-id="4865" data-recalc-dims="1" /></strong></p>
<p>&nbsp;</p>
<p><strong>Formatted Version H1: </strong>Isn&#8217;t it incredible what a little tweaking can do? First, I went through my <a title="The Dataviz Design Process: 7 Steps for Beginners" href="/dataviz-design-process/" target="_blank">Data Visualization Design Process</a>&nbsp;article and made sure I covered all the big-picture aspects of the chart. Then, I went through the <a title="Introducing the Data Visualization Checklist" href="/dataviz-checklist/" target="_blank">Data Visualization Checklist</a> that Stephanie Evergreen and I developed to make sure I crossed my t&#8217;s and dotted my i&#8217;s.</p>
<p>This first version&nbsp;has states as rows and indicators as columns. The area charts are color-coded to match their indicators. State icons are gray.</p>
<p><img class="alignnone wp-image-4867 size-full" src="http://i2.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-H_small-multiples_1.jpg?resize=720%2C540" alt="option-H_small-multiples_1" data-id="4867" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<p><strong>Formatted Version H2: </strong>There are<em> always</em>&nbsp;multiple correct ways to display a dataset.&nbsp;This next version still has states as rows and indicators as columns, but the areas charts are color-coded to match their respective states. Now the state-shaped icons are also color-coded instead of being gray.</p>
<p><img class="alignnone wp-image-4868 size-full" src="http://i0.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-H_small-multiples_2.jpg?resize=720%2C540" alt="option-H_small-multiples_2" data-id="4868" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<p><strong>Formatted Version H3:</strong> I transposed the area charts (i.e., the states are columns and the indicators are rows).&nbsp;Now we can delete redundant vertical axes. In other words, since health indicator 1 ranges from 0 to 8, and all the indicator 1 charts are next to each other, we don&#8217;t need to repeat the 0 to 8 labeling in all three area charts. Our readers get more white space and less mental clutter. Without the repeated vertical axes, our small multiples chart is really more of a panel chart, but those nuances are for another day.</p>
<p>This version&#8217;s my personal favorite. How about you?</p>
<p><img class="alignnone wp-image-4869 size-full" src="http://i0.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-H_small-multiples_3.jpg?resize=720%2C540" alt="option-H_small-multiples_3" data-id="4869" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<p>Here&#8217;s how the formatted versions compare:</p>
<p>&nbsp;</p>
<p><img class="alignnone wp-image-4870 size-large" src="http://i2.wp.com/www.annkemery.com/wp-content/uploads/2014/08/option-H_small-multiples_all-three-together.png?resize=1024%2C220" alt="option-H_small-multiples_all-three-together" data-id="4870" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<h3><strong>How to Make a Small Multiples Area Chart in Excel</strong></h3>
<p>&nbsp;<br />
So how&#8217;d I create those final products anyway? I provide the click-by-click tutorial below. My <a href="http://www.patreon.com/annkemery" target="_blank">Patreons</a> can download the Excel file and PowerPoint deck used in this blog post and practice tweaking the templates for themselves.<br />
<iframe src="//www.slideshare.net/slideshow/embed_code/38400555?rel=0" width="597" height="486" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe></p>
<p>Most of my design choices are based on the specific group of people I&#8217;m working with. Other design choices are based on my aesthetic preferences. Let me know how these strategies apply to your own work.&nbsp;Which option would be best for your audience, and why? Would you format the small multiples charts differently, and how?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.annkemery.com/at-a-glance-patterns-with-area-charts/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
