<?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>Peltier Tech Blog &#187; Example Charts</title>
	<atom:link href="http://peltiertech.com/WordPress/category/example-charts/feed/" rel="self" type="application/rss+xml" />
	<link>http://peltiertech.com/WordPress</link>
	<description>Peltier Tech Excel Charts and Programming Blog</description>
	<lastBuildDate>Tue, 31 Aug 2010 07:00:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Show Uncertainty in Predictions with Shaded Bands</title>
		<link>http://peltiertech.com/WordPress/show-uncertainty-in-predictions-with-shaded-bands/</link>
		<comments>http://peltiertech.com/WordPress/show-uncertainty-in-predictions-with-shaded-bands/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 09:00:57 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>
		<category><![CDATA[colored bands]]></category>
		<category><![CDATA[predictions]]></category>
		<category><![CDATA[projections]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1741</guid>
		<description><![CDATA[A reader emailed me this chart of GDP, with actual values through late 2008 and projected values for the next two years. To illustrate the uncertainty in the predictions, colored bands were drawn alongside the solid line prediction. The bands become lighter as the distance from the prediction line increases. The reader wondered how to [...]]]></description>
			<content:encoded><![CDATA[<p>A reader emailed me this chart of GDP, with actual values through late 2008 and projected values for the next two years. To illustrate the uncertainty in the predictions, colored bands were drawn alongside the solid line prediction. The bands become lighter as the distance from the prediction line increases. The reader wondered how to create this effect in a chart.</p>
<p><em>The chart comes from page 34 of <a href="http://www.cbo.gov/ftpdocs/100xx/doc10014/03-20-PresidentBudget.pdf" rel="nofollow" title="A Preliminary Analysis of the President's Budget and an Update of CBO's Budget and Economic Outlook" >A Preliminary Analysis of the President&#8217;s Budget and an Update of CBO&#8217;s Budget and Economic Outlook</a>, published in March 2009 by the Congressional Budget Office.<br />
</em></p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain00.jpg" alt="" /></p>
<p><span id="more-1741"></span>I&#8217;ve manually digitized the data into this tall thin tower of numbers.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/UncertainData01.png" alt="" /></p>
<p>Here is the data plotted in a line chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain01.png" alt="" /></p>
<p>To capture an assumed uncertainty in the numbers, I&#8217;ve set up the following table, in which I&#8217;ve assumes a minimum and maximum for January 2009 onward, and I&#8217;ve inserted intermediate columns a, b, c, and d.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/UncertainData02.png" alt="" /></p>
<p>When I add these columns of data as additional lines in the chart, I get the following. The lightest gray lines are difficult to resolve, but then, they are the most uncertain. This is fine, but it doesn&#8217;t have the filled area effect.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain02.png" alt="" /></p>
<p>To achieve filled regions, I will use a stacked area chart type. In an adjacent range I&#8217;ve added the following table. The dates are the same, as are the minimum and midline predictions. The rest of the data are the calculated differences between each line and the previous, which capture the height of each colored band.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/UncertainData03.png" alt="" /></p>
<p>Using the series from Min through Max I&#8217;ve created a stacked area chart. There are my colored bands.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain03.png" alt="" /></p>
<p>I changed the bands to appropriate shades of gray, and the minimum series is not filled at all. You can use any color scheme you like, and as many different colors and data sets as you need. I used shades of gray because these were already plentiful in my custom color palette.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain04.png" alt="" /></p>
<p>To get the solid line for the midline predictions, add the midline data as a new series. Initially it&#8217;s plotted as another area stacked upon the rest.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain05.png" alt="" /></p>
<p>Convert the added series to a line chart type, and format it appropriately (I&#8217;ve used dark gray).</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Uncertain06.png" alt="" /></p>
<p>That was pretty easy, and it&#8217;s got to be one of the shortest tutorials I&#8217;ve ever written.</p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;bodytext=A%20reader%20emailed%20me%20this%20chart%20of%20GDP%2C%20with%20actual%20values%20through%20late%202008%20and%20projected%20values%20for%20the%20next%20two%20years.%20To%20illustrate%20the%20uncertainty%20in%20the%20predictions%2C%20colored%20bands%20were%20drawn%20alongside%20the%20solid%20line%20prediction.%20The%20bands%20become%20" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;t=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=A%20reader%20emailed%20me%20this%20chart%20of%20GDP%2C%20with%20actual%20values%20through%20late%202008%20and%20projected%20values%20for%20the%20next%20two%20years.%20To%20illustrate%20the%20uncertainty%20in%20the%20predictions%2C%20colored%20bands%20were%20drawn%20alongside%20the%20solid%20line%20prediction.%20The%20bands%20become%20" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;notes=A%20reader%20emailed%20me%20this%20chart%20of%20GDP%2C%20with%20actual%20values%20through%20late%202008%20and%20projected%20values%20for%20the%20next%20two%20years.%20To%20illustrate%20the%20uncertainty%20in%20the%20predictions%2C%20colored%20bands%20were%20drawn%20alongside%20the%20solid%20line%20prediction.%20The%20bands%20become%20" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;annotation=A%20reader%20emailed%20me%20this%20chart%20of%20GDP%2C%20with%20actual%20values%20through%20late%202008%20and%20projected%20values%20for%20the%20next%20two%20years.%20To%20illustrate%20the%20uncertainty%20in%20the%20predictions%2C%20colored%20bands%20were%20drawn%20alongside%20the%20solid%20line%20prediction.%20The%20bands%20become%20" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;t=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;submitHeadline=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;submitSummary=A%20reader%20emailed%20me%20this%20chart%20of%20GDP%2C%20with%20actual%20values%20through%20late%202008%20and%20projected%20values%20for%20the%20next%20two%20years.%20To%20illustrate%20the%20uncertainty%20in%20the%20predictions%2C%20colored%20bands%20were%20drawn%20alongside%20the%20solid%20line%20prediction.%20The%20bands%20become%20&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fshow-uncertainty-in-predictions-with-shaded-bands%2F&amp;t=Show%20Uncertainty%20in%20Predictions%20with%20Shaded%20Bands&amp;s=A%20reader%20emailed%20me%20this%20chart%20of%20GDP%2C%20with%20actual%20values%20through%20late%202008%20and%20projected%20values%20for%20the%20next%20two%20years.%20To%20illustrate%20the%20uncertainty%20in%20the%20predictions%2C%20colored%20bands%20were%20drawn%20alongside%20the%20solid%20line%20prediction.%20The%20bands%20become%20" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/show-uncertainty-in-predictions-with-shaded-bands/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Marimekko Replacement &#8211; 2 by 2 Panel</title>
		<link>http://peltiertech.com/WordPress/marimekko-replacement-2-by-2-panel/</link>
		<comments>http://peltiertech.com/WordPress/marimekko-replacement-2-by-2-panel/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 10:00:45 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>
		<category><![CDATA[Marimekko Chart]]></category>
		<category><![CDATA[Panel Chart]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1627</guid>
		<description><![CDATA[I recently posted a tutorial showing how to construct Marimekko Charts in Excel.

Based on Stephen Few&#8217;s earlier analysis of Marimekko Chart in A Design Problem, I followed up with The Problem with Marimekkos, in which I showed a couple of approaches to charting the same data, partly based on a multiple bar chart approach proposed [...]]]></description>
			<content:encoded><![CDATA[<p>I recently posted a tutorial showing how to construct <a href="http://peltiertech.com/WordPress/marimekko-charts/"title="Marimekko Charts" >Marimekko Charts</a> in Excel.</p>
<p align="center"><a href="http://peltiertech.com/WordPress/marimekko-charts/"title="Marimekko Charts" ><img src="http://peltiertech.com/images/2009-03/MekkoChart02.png" alt="Marimekko Chart" /></a></p>
<p>Based on <strong>Stephen Few</strong>&#8217;s earlier analysis of Marimekko Chart in <a href="http://www.perceptualedge.com/example13.php" rel="nofollow" title="A Design Problem - Marimekko Chart" >A Design Problem</a>, I followed up with <a href="http://peltiertech.com/WordPress/the-problem-with-marimekkos/"title="The Problem with Marimekkos" >The Problem with Marimekkos</a>, in which I showed a couple of approaches to charting the same data, partly based on a multiple bar chart approach proposed by Few.</p>
<p><span id="more-1627"></span>I have already written about overlapping bar charts in <a href="http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-easy/"title="Marimekko Replacement - Overlapping Bars (Easy)" >Marimekko Replacement &#8211; Overlapping Bars (Easy)</a> and  <a href="http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-hard/"title="Marimekko Replacement - Overlapping Bars (Hard)" >Marimekko Replacement &#8211; Overlapping Bars (Hard)</a>. This approach is compact but doesn&#8217;t seem as clear as a four-bar-chart approach.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart16.png" alt="Marimekko Chart Replacement - Overlapping Bars" /></p>
<p>I combined the four bar charts into a 2&#215;2 panel bar chart alternative to a Marimekko chart, but I gave no hints about how to construct such a chart. I&#8217;ve already described <a href="http://peltiertech.com/WordPress/how-to-build-a-2x2-panel-chart/"title="How to Build a 2x2 Panel Chart" >How to Build a 2&#215;2 Panel Chart</a>, bit this chart is more complicated than the one in that tutorial.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart15.png" alt="Marimekko 2x2 Panel Chart Step 15" /></p>
<p>This tutorial applies the same approach as the &#8220;hard&#8221; overlapping bars technique. In retrospect, there isn&#8217;t much difference in effort required between the &#8220;easy&#8221; and &#8220;hard&#8221;techniques, but the &#8220;hard&#8221; way is more flexible, allowing unequal numbres of rows and columns in the original data table.</p>
<p>As in the previous Marimekko-related examples, the data consists of this compact table.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Data01.png" alt="Marimekko Chart Data" /></p>
<p>The data layout is the same as in the overlapping bar chart. It is a sparse array, with the data staggered to produce the arrangement of bars in the chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Data02.png" alt="Marimekko Chart Data" /></p>
<p>Construction begins in the same manner as in the overlapping bar chart. The data in the table above is used to create a clustered column chart. The gap width is set to zero and the overlap is set to 100.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart01.png" alt="Marimekko 2x2 Panel Chart Step 1" /></p>
<p>Here is a view of the custom color palette I used to format the bars in this chart. <a href="http://peltiertech.com/images/2009-03/Bar_Chart_Graded_Colors.xls" rel="nofollow" title="Excel 2003 workbook with graded color palette" >Bar_Chart_Graded_Colors.xls</a> is a small downloadable Excel 2003 workbook that uses this palette.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoPalette.png" alt="Custom Palette for Overlapping Bar Chart" /></p>
<p>The Company Total and Segment Total series are moved to the secondary axis. Only the tallest of the individual primary axis series peek over the tops of the Total series.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart02.png" alt="Marimekko 2x2 Panel Chart Step 2" /></p>
<p>The two Y axis scales are adjusted to offset the primary and secondary bars. The secondary axis is given a minimum of -$3 million and a maximum of $3 million, so the bars occupy the upper half of the chart. The primary axis is given a maximum of $3.5 million, more than twice the maximum value on the primary axis, so the primary series occupy the bottom half of the chart. These values can be adjusted to make one row of panels taller than the other.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart03.png" alt="Marimekko 2x2 Panel Chart Step 3" /></p>
<p>When the Total series were assigned to the secondary axis, Excel only provided a secondary Y axis. A secondary X axis now must be added. Since its default position is at the secondary Y maximum (the top of the chart), the bars seem to hang from the top to their values.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart04.png" alt="Marimekko 2x2 Panel Chart Step 4" /></p>
<p>The secondary Y axis is formatted to make the secondary X axis cross at zero, which is in the middle of the chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart05.png" alt="Marimekko 2x2 Panel Chart Step 5" /></p>
<p>All of the default axis labels will be replaced with customized labels, so these default labels are removed.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart06.png" alt="Marimekko 2x2 Panel Chart Step 6" /></p>
<p>A number of helper series will be added to the chart. These will be XY series, and the X values are defined as the positions of the points along the category axis. This particular chart has 33 category slots as shown below. The XY sereis can be located anywhere along the axis, not just on the integral positions indicated. For example, the left Y axis is located at X=0.5, the gap in the middle is centered on X=17.5, and the right Y axis is located at X=33.5.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart07.png" alt="Marimekko 2x2 Panel Chart Step 7" /></p>
<p>Data for the vertical divider is shown in teal text and for the category labels in purple text in the grid below.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Data03.png" alt="Marimekko Chart Data" /></p>
<p>The Divider data is copied and pasted into the chart as a new series. It turns into another column series on the secondary axis.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart08.png" alt="Marimekko 2x2 Panel Chart Step 8" /></p>
<p>When the series is changed to an XY type and moved to the primary axis, it fits between the groups of bars, and reaches from the top to bottom of the chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart09.png" alt="Marimekko 2x2 Panel Chart Step 9" /></p>
<p>The first two columns of the Axis data are copied, then pasted in the chart as another new series. Since the previous series was converted to an XY series and moved to the primary axis, this new series is added as an XY series on the primary axis.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart10.png" alt="Marimekko 2x2 Panel Chart Step 10" /></p>
<p>Using <strong>Rob Bovey</strong>&#8217;s <strong>Chart Labeler</strong>, a free and very well-designed Excel add-in, add the labels to the Axis series. The Chart labeler can be downloaded from Rob&#8217;s <a href="http://appspro.com" rel="nofollow" title="Applications Professionals" >Applications Professionals</a> web site</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart11.png" alt="Marimekko 2x2 Panel Chart Step 11" /></p>
<p>Here&#8217;s the chart after a bit of formatting.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart12.png" alt="Marimekko 2x2 Panel Chart Step 12" /></p>
<p>Data for four sets of Y axis labels are shown below. The top and bottom rows of panels each have labels for values and for percentages of the total.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Data04.png" alt="Marimekko Chart Data" /></p>
<p>As before, each block of data is pasted in the chart as a new series and assigned to the appropriate axis. The data labels on the two Values series simply use the built-in Values option for data labels. The Percentages series are labeled using the Chart Labeler. The sereies and labels in the chart below are formatted with the same colors as the text in the table above.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart13.png" alt="Marimekko 2x2 Panel Chart Step 13" /></p>
<p>Here&#8217;s the chart after the labels and axis series are formatted appropriately.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart14.png" alt="Marimekko 2x2 Panel Chart Step 14" /></p>
<p>The method described in <a href="http://peltiertech.com/WordPress/double-legend-in-a-single-chart/"title="Double Legend in a Single Chart" >Double Legend in a Single Chart</a> can be used to add legends to the bottom panels.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart15.png" alt="Marimekko 2x2 Panel Chart Step 15" /></p>
<p>By adjusting the Y axis scales, the relative heights of the two panels can be adjusted. For example, in the following chart, the maximum of the primary Y axis was changed to $2.3 million, and the minimum of the secondary Y axis was changed to -$7.5 million. The Y value of the uppermost point of the Divider series also had to be changed to $2.3 million. Everything else in the chart updated automatically, although the Y values for the legend markers were adjusted, because stretching the panel spread them too far apart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart16.png" alt="Marimekko 2x2 Panel Chart Step 16" /></p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Marimekko%20Replacement%20-%202%20by%202%20Panel%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;title=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;bodytext=I%20recently%20posted%20a%20tutorial%20showing%20how%20to%20construct%20Marimekko%20Charts%20in%20Excel.%0D%0A%0D%0A%0D%0A%0D%0ABased%20on%20Stephen%20Few%27s%20earlier%20analysis%20of%20Marimekko%20Chart%20in%20A%20Design%20Problem%2C%20I%20followed%20up%20with%20The%20Problem%20with%20Marimekkos%2C%20in%20which%20I%20showed%20a%20couple%20of%20appr" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;t=Marimekko%20Replacement%20-%202%20by%202%20Panel" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;title=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=I%20recently%20posted%20a%20tutorial%20showing%20how%20to%20construct%20Marimekko%20Charts%20in%20Excel.%0D%0A%0D%0A%0D%0A%0D%0ABased%20on%20Stephen%20Few%27s%20earlier%20analysis%20of%20Marimekko%20Chart%20in%20A%20Design%20Problem%2C%20I%20followed%20up%20with%20The%20Problem%20with%20Marimekkos%2C%20in%20which%20I%20showed%20a%20couple%20of%20appr" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;title=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;notes=I%20recently%20posted%20a%20tutorial%20showing%20how%20to%20construct%20Marimekko%20Charts%20in%20Excel.%0D%0A%0D%0A%0D%0A%0D%0ABased%20on%20Stephen%20Few%27s%20earlier%20analysis%20of%20Marimekko%20Chart%20in%20A%20Design%20Problem%2C%20I%20followed%20up%20with%20The%20Problem%20with%20Marimekkos%2C%20in%20which%20I%20showed%20a%20couple%20of%20appr" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;title=Marimekko%20Replacement%20-%202%20by%202%20Panel" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;title=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;annotation=I%20recently%20posted%20a%20tutorial%20showing%20how%20to%20construct%20Marimekko%20Charts%20in%20Excel.%0D%0A%0D%0A%0D%0A%0D%0ABased%20on%20Stephen%20Few%27s%20earlier%20analysis%20of%20Marimekko%20Chart%20in%20A%20Design%20Problem%2C%20I%20followed%20up%20with%20The%20Problem%20with%20Marimekkos%2C%20in%20which%20I%20showed%20a%20couple%20of%20appr" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;title=Marimekko%20Replacement%20-%202%20by%202%20Panel" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;t=Marimekko%20Replacement%20-%202%20by%202%20Panel" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;submitHeadline=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;submitSummary=I%20recently%20posted%20a%20tutorial%20showing%20how%20to%20construct%20Marimekko%20Charts%20in%20Excel.%0D%0A%0D%0A%0D%0A%0D%0ABased%20on%20Stephen%20Few%27s%20earlier%20analysis%20of%20Marimekko%20Chart%20in%20A%20Design%20Problem%2C%20I%20followed%20up%20with%20The%20Problem%20with%20Marimekkos%2C%20in%20which%20I%20showed%20a%20couple%20of%20appr&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-2-by-2-panel%2F&amp;t=Marimekko%20Replacement%20-%202%20by%202%20Panel&amp;s=I%20recently%20posted%20a%20tutorial%20showing%20how%20to%20construct%20Marimekko%20Charts%20in%20Excel.%0D%0A%0D%0A%0D%0A%0D%0ABased%20on%20Stephen%20Few%27s%20earlier%20analysis%20of%20Marimekko%20Chart%20in%20A%20Design%20Problem%2C%20I%20followed%20up%20with%20The%20Problem%20with%20Marimekkos%2C%20in%20which%20I%20showed%20a%20couple%20of%20appr" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/marimekko-replacement-2-by-2-panel/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Marimekko Replacement &#8211; Overlapping Bars (Hard)</title>
		<link>http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-hard/</link>
		<comments>http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-hard/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 10:00:44 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1608</guid>
		<description><![CDATA[In Marimekko Replacement &#8211; Overlapping Bars (Easy) I showed a quick and dirty way to make an overlapping bar chart that used only bar length, not rectangle length, width, and area, to encode values. The &#8220;easy&#8221; method in that tutorial was limited in that the data needed to be symmetric (equal numbers of rows and [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-easy/"title="Marimekko Replacement - Overlapping Bars (Easy)" >Marimekko Replacement &#8211; Overlapping Bars (Easy)</a> I showed a quick and dirty way to make an overlapping bar chart that used only bar length, not rectangle length, width, and area, to encode values. The &#8220;easy&#8221; method in that tutorial was limited in that the data needed to be symmetric (equal numbers of rows and columns) and the wide and narrow bars were not perfectly aligned. So I came up with an alternative &#8220;hard&#8221; method, though in retrospect, it may not really be harder than the easy method. I&#8217;ll let you be the judge.</p>
<p>Like most advanced charts, you need to rearrange the data in order to make it work. Here is the original asymmetric data and a Marimekko chart made from it. The overlapping bar chart is one graphical technique designed to minimize <a href="http://peltiertech.com/WordPress/the-problem-with-marimekkos/"title="The Problem with Marimekkos" >problems with Marimekko charts</a>.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarData04.png" alt="Marimekko Chart Data - Condensed" /></p>
<p align="center"><a href="http://peltiertech.com/WordPress/marimekko-charts/"title="Marimekko Chart" ><img src="http://peltiertech.com/images/2009-03/MekkoChart02.png" alt="Marimekko Chart" /></a></p>
<p><span id="more-1608"></span> The first step is to arrange the data into the following sparse array. The gray rows are blank; I&#8217;ve only colored them to clarify the data structure. Notice that there are two blank rows between the column (Company) and row (Segment) data. This provides wider spacing between these sections of the finished chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarData05.png" alt="Marimekko Chart Data - Expanded" /></p>
<p>Create a column chart from this data, with series in columns. To make sure Excel parses the data properly (one row for series names, one column for category labels), type a letter (&#8220;x&#8221;) into cell A20, so there&#8217;s only one blank cell in the top left of the range. Then create the chart, and finally delete the character you types in A20. Set the Overlap option to 100 and the Gap Width to zero. In the first chart I&#8217;ve set the Gap Width to 10, so it&#8217;s obvious that the large fat bars are really comprised of several narrow bars next to each other.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart11.png" alt="Overlapping Bar Chart - Step 1" /></p>
<p>Here&#8217;s a glimpse of the custom palette I used in Excel 2003 to color the bars. <a href="http://peltiertech.com/images/2009-03/Bar_Chart_Graded_Colors.xls" rel="nofollow" title="Excel 2003 workbook with graded color palette" >Bar_Chart_Graded_Colors.xls</a> is a small downloadable Excel 2003 workbook that uses this palette.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoPalette.png" alt="Custom Palette for Overlapping Bar Chart" /></p>
<p>Here&#8217;s that chart with a Gap Width of zero. Look at the perfect alignment, in contrast to the slight mismatch in the &#8220;easy&#8221; version of this chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart12.png" alt="Overlapping Bar Chart - Step 2" /></p>
<p>The data is plotted nicely, but those category labels aren&#8217;t so nice. Set up the following data for category labels. We&#8217;ll make a dummy XY series, add labels, and hide the data points.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarData06.png" alt="Marimekko Bar Chart Category Axis Data" /></p>
<p>The X values in this table are chosen to align the markers with the clusters of bars. The numbers start with 1at the first category position (which has no bars: see below), and increment with each slot along the axis. To center a label below the first cluster of three blue bars, the point must have an X value of 3. To center a label below the first cluster of four red bars, the point must be between categories 20 and 21, so it must have an X value of 20.5. The Y values place the markers along the bottom of the chart.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/CategoryLabelIndices.png" alt="Category Label Indices" /></p>
<p>Copy the first two columns of this data (not the actual labels), select the chart, and use Paste Special to add the data as a new series.</p>
<p>The series initially does not appear. Select one of the visible narrow series and pressing the up arrow key until the new seeries is selected. You&#8217;ll probably be able to see a line of selection handles along the left portion of the bottom axis.</p>
<p>Use Chart menu &gt; Chart Type or Chart Tools &gt; Design ribbon tab &gt; Change Chart Type to change this series to an XY type series. It now appears as a set of markers along the bottom of the chart, and Excel has conveniently added secondary axes for the new series.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart13.png" alt="Overlapping Bar Chart - Step 3" /></p>
<p>Well, in this case, not so conveniently. Format the new XY series to associate it with the primary axis, and the markers now line up perfectly with our clusters of bars.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart14.png" alt="Overlapping Bar Chart - Step 4" /></p>
<p>If you&#8217;re a regular reader, you already use <strong>Rob Bovey</strong>’s totally excellent <strong>Chart Labeler</strong>. If you&#8217;re not using it already, then run, don’t walk, to <strong>Rob</strong>’s <strong>Applications Professionals</strong> web site, and download the <a href="http://appspro.com/Utilities/ChartLabeler.htm" rel="nofollow" title="Rob Bovey's Free Excel Chart Labeler Utility" >Chart Labeler</a>. Rob calls it the XY Chart Labeler, but it works for any chart type that supports data labels. It’s free, easy to install, and easy to use.</p>
<p>Using the Chart Labeler, add the labels from the third column of the data range shown above to the points of the XY series. For clarity I&#8217;ve colored the labels green to match the points and to distinguish them from the default labels, which we are going to jettison in a moment.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart15.png" alt="Overlapping Bar Chart - Step 5" /></p>
<p>There&#8217;s just a little cleaning up. First, hide the XY series by formatting it to show no markers and no lines. Change the labels we&#8217;ve recently added to black text. Format the category axis to use no axis tick labels. This removes the margin below the plot area, and our added labels float above the bottom edge of the chart. Resize the plot area to regain this margin and provide room for the labels.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart16.png" alt="Overlapping Bar Chart - Step 6" /></p>
<p>Is the &#8220;hard&#8221; overlapping bar chart method really more difficult than the &#8220;easy&#8221; method. It&#8217;s certainly more flexible.</p>
<p>To construct a 2&#215;2 panel chart that shows the same data, perhaps somewhat more clearly, see <a href="http://peltiertech.com/WordPress/marimekko-replacement-2-by-2-panel/"title="Marimekko Replacement - 2 by 2 Panel" >Marimekko Replacement &#8211; 2 by 2 Panel</a>.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart15.png" alt="Marimekko 2x2 Panel Chart" /></p>
<p style="margin-left: 24px; margin-right: 24px;"><em>IIf you still want to make a Marimekko chart, you might consider the <a href="http://peltiertech.com/Utility/MarimekkoUtility.html" rel="nofollow" title="PTS Marimekko Chart Utility" >PTS Marimekko Chart Utility</a>. Like all of my commercial utilities, it reduces the manual process of constructing a complex chart to simply selecting a range, choosing a couple of options, and admiring the result.</em></p>
<p style="margin-left: 24px; margin-right: 24px;"><em>I&#8217;ve recently developed the <a href="http://peltiertech.com/Utility/MarimekkoUtility.html" rel="nofollow" title="PTS Merimekko Chart Utility" >PTS Merimekko Chart Utility</a>. Like all of my commercial utilities, it reduces the manual process of constructing a complex chart to simply selecting a range, choosing a couple of options, and admiring the result.<br />
 </em></p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;bodytext=In%20Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20I%20showed%20a%20quick%20and%20dirty%20way%20to%20make%20an%20overlapping%20bar%20chart%20that%20used%20only%20bar%20length%2C%20not%20rectangle%20length%2C%20width%2C%20and%20area%2C%20to%20encode%20values.%20The%20%22easy%22%20method%20in%20that%20tutorial%20was%20limited%20in%20t" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;t=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=In%20Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20I%20showed%20a%20quick%20and%20dirty%20way%20to%20make%20an%20overlapping%20bar%20chart%20that%20used%20only%20bar%20length%2C%20not%20rectangle%20length%2C%20width%2C%20and%20area%2C%20to%20encode%20values.%20The%20%22easy%22%20method%20in%20that%20tutorial%20was%20limited%20in%20t" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;notes=In%20Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20I%20showed%20a%20quick%20and%20dirty%20way%20to%20make%20an%20overlapping%20bar%20chart%20that%20used%20only%20bar%20length%2C%20not%20rectangle%20length%2C%20width%2C%20and%20area%2C%20to%20encode%20values.%20The%20%22easy%22%20method%20in%20that%20tutorial%20was%20limited%20in%20t" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;annotation=In%20Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20I%20showed%20a%20quick%20and%20dirty%20way%20to%20make%20an%20overlapping%20bar%20chart%20that%20used%20only%20bar%20length%2C%20not%20rectangle%20length%2C%20width%2C%20and%20area%2C%20to%20encode%20values.%20The%20%22easy%22%20method%20in%20that%20tutorial%20was%20limited%20in%20t" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;t=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;submitHeadline=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;submitSummary=In%20Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20I%20showed%20a%20quick%20and%20dirty%20way%20to%20make%20an%20overlapping%20bar%20chart%20that%20used%20only%20bar%20length%2C%20not%20rectangle%20length%2C%20width%2C%20and%20area%2C%20to%20encode%20values.%20The%20%22easy%22%20method%20in%20that%20tutorial%20was%20limited%20in%20t&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-hard%2F&amp;t=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Hard%29&amp;s=In%20Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20I%20showed%20a%20quick%20and%20dirty%20way%20to%20make%20an%20overlapping%20bar%20chart%20that%20used%20only%20bar%20length%2C%20not%20rectangle%20length%2C%20width%2C%20and%20area%2C%20to%20encode%20values.%20The%20%22easy%22%20method%20in%20that%20tutorial%20was%20limited%20in%20t" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-hard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marimekko Replacement &#8211; Overlapping Bars (Easy)</title>
		<link>http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-easy/</link>
		<comments>http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-easy/#comments</comments>
		<pubDate>Tue, 03 Mar 2009 10:00:56 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1600</guid>
		<description><![CDATA[I showed an overlapping bar chart alternative to a Marimekko chart in my recent post The Problem with Marimekkos. I gave very few clues about how to construct such a chart, so now I&#8217;m showing the protocol.
The approach shown here is somewhat simplified, and works only when the grid is symmetrical, with the same number [...]]]></description>
			<content:encoded><![CDATA[<p>I showed an overlapping bar chart alternative to a <a href="http://peltiertech.com/WordPress/marimekko-charts/"title="Marimekko Chart" >Marimekko chart</a> in my recent post <a href="http://peltiertech.com/WordPress/the-problem-with-marimekkos/"title="The Problem with Marimekkos" rel="bookmark" >The Problem with Marimekkos</a>. I gave very few clues about how to construct such a chart, so now I&#8217;m showing the protocol.</p>
<p>The approach shown here is somewhat simplified, and works only when the grid is symmetrical, with the same number of rows and columns.</p>
<p>Like most advanced charts, you need to rearrange the data in order to make it work. Here is the original data and a Marimekko chart made from it.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarData01.png" alt="Marimekko Chart Data - Condensed" /></p>
<p align="center"><a href="http://peltiertech.com/WordPress/marimekko-charts/"title="Marimekko Chart" ><img src="http://peltiertech.com/images/2009-03/MekkoChart01.png" alt="Marimekko Chart" /></a></p>
<p><span id="more-1600"></span> The first step is to compile the row and column subtotals into columns, with row and column headers in the first column, and the data staggered so each set of data appears in its half of the chart (in this case, Company to the left and Segment to the right).</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarData02.png" alt="Marimekko Chart Data - Expanded Subtotals" /></p>
<p>Make a clustered column chart with these three columns of data.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart01.png" alt="Overlapping Bar Chart - Step 1" /></p>
<p>Set the Gap Width of these series to 25, so the gaps between clusters are 25% as wide as the bars. This 25% comes from the final chart, which will have four narrow columns per wide column, with a narrow-column-width gap between.</p>
<p>Set the Overlap to 100, so the bars of one series overlap with the blanks in the other.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart02.png" alt="Overlapping Bar Chart - Step 2" /></p>
<p>Now rearrange the rest of the data into the following sparse array. The gray rows are blank; I&#8217;ve only colored them for my own benefit in my working file.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarData03.png" alt="Marimekko Chart Data - Fully Expanded" /></p>
<p>Copy this range, select the chart, and use Paste Special to add the data to the chart as new series. Because the Overlap was set to 100, these new bars overlap the existing ones. For now I&#8217;ve colored the bars in contrasting colors with a custom palette.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart03.png" alt="Overlapping Bar Chart - Step 3" /></p>
<p>Here&#8217;s a glimpse of the custom Excel 2003 color palette I used to format these bars. <a href="http://peltiertech.com/images/2009-03/Bar_Chart_Graded_Colors.xls" rel="nofollow" title="Excel 2003 workbook with graded color palette" >Bar_Chart_Graded_Colors.xls</a> is a small downloadable Excel 2003 workbook that uses this palette.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoPalette.png" alt="Custom Palette for Overlapping Bar Chart" /></p>
<p>One by one, move each of the series you&#8217;ve just added to the secondary axis. Change the Gap Width of one of the added series to 0 (zero). This is as good a time as any to remove the legend.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart04.png" alt="Overlapping Bar Chart - Step 4" /></p>
<p>Excel has added the secondary Y axis, but we want the secondary X axis.In Excel 2003 and earlier, go to Chart menu &gt; Chart Options &gt; Axes tab, uncheck the Secondary Value (Y) Axis box and check the Secondary Category (X) Axis box. The bars almost line up.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart05.png" alt="Overlapping Bar Chart - Step 5" /></p>
<p>Format the secondary category axis (top of the chart) so the value axis does not cross between categories. Now the alignment is almost perfect. Tweaking the width of the chart by a couple pixels may make the alignment slightly better, or slightly worse.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart06.png" alt="Overlapping Bar Chart - Step 6" /></p>
<p>Changing to a matching color scheme completes the chart, and makes the misalignment almost vanish.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart07.png" alt="Overlapping Bar Chart - Step 7" /></p>
<p>Changing the gap width of the secondary axis bars to 10 minimizes the misalignment and provides a border between the small bars.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/MekkoBarChart08.png" alt="Overlapping Bar Chart - Step 8" /></p>
<p>The more complicated approach allows for asymmetric data arrays (different numbers of rows and columns) and also eliminates this slight misalignment. The next tutorial, <a href="http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-hard/"title="Marimekko Replacement - Overlapping Bars (Hard)" >Marimekko Replacement &#8211; Overlapping Bars (Hard)</a>, will describe that method for making overlapping column charts.</p>
<p>To construct a 2&#215;2 panel chart that shows the same data, perhaps somewhat more clearly, see <a href="http://peltiertech.com/WordPress/marimekko-replacement-2-by-2-panel/"title="Marimekko Replacement - 2 by 2 Panel" >Marimekko Replacement &#8211; 2 by 2 Panel</a>.</p>
<p align="center"><img src="http://peltiertech.com/images/2009-03/Mekko2x2Chart15.png" alt="Marimekko 2x2 Panel Chart" /></p>
<p style="margin-left: 24px; margin-right: 24px;"><em>IIf you still want to make a Marimekko chart, you might consider the <a href="http://peltiertech.com/Utility/MarimekkoUtility.html" rel="nofollow" title="PTS Marimekko Chart Utility" >PTS Marimekko Chart Utility</a>. Like all of my commercial utilities, it reduces the manual process of constructing a complex chart to simply selecting a range, choosing a couple of options, and admiring the result.</em></p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;bodytext=I%20showed%20an%20overlapping%20bar%20chart%20alternative%20to%20a%20Marimekko%20chart%20in%20my%20recent%20post%20The%20Problem%20with%20Marimekkos.%20I%20gave%20very%20few%20clues%20about%20how%20to%20construct%20such%20a%20chart%2C%20so%20now%20I%27m%20showing%20the%20protocol.%0D%0A%0D%0AThe%20approach%20shown%20here%20is%20somewhat%20simpl" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;t=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=I%20showed%20an%20overlapping%20bar%20chart%20alternative%20to%20a%20Marimekko%20chart%20in%20my%20recent%20post%20The%20Problem%20with%20Marimekkos.%20I%20gave%20very%20few%20clues%20about%20how%20to%20construct%20such%20a%20chart%2C%20so%20now%20I%27m%20showing%20the%20protocol.%0D%0A%0D%0AThe%20approach%20shown%20here%20is%20somewhat%20simpl" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;notes=I%20showed%20an%20overlapping%20bar%20chart%20alternative%20to%20a%20Marimekko%20chart%20in%20my%20recent%20post%20The%20Problem%20with%20Marimekkos.%20I%20gave%20very%20few%20clues%20about%20how%20to%20construct%20such%20a%20chart%2C%20so%20now%20I%27m%20showing%20the%20protocol.%0D%0A%0D%0AThe%20approach%20shown%20here%20is%20somewhat%20simpl" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;annotation=I%20showed%20an%20overlapping%20bar%20chart%20alternative%20to%20a%20Marimekko%20chart%20in%20my%20recent%20post%20The%20Problem%20with%20Marimekkos.%20I%20gave%20very%20few%20clues%20about%20how%20to%20construct%20such%20a%20chart%2C%20so%20now%20I%27m%20showing%20the%20protocol.%0D%0A%0D%0AThe%20approach%20shown%20here%20is%20somewhat%20simpl" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;t=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;submitHeadline=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;submitSummary=I%20showed%20an%20overlapping%20bar%20chart%20alternative%20to%20a%20Marimekko%20chart%20in%20my%20recent%20post%20The%20Problem%20with%20Marimekkos.%20I%20gave%20very%20few%20clues%20about%20how%20to%20construct%20such%20a%20chart%2C%20so%20now%20I%27m%20showing%20the%20protocol.%0D%0A%0D%0AThe%20approach%20shown%20here%20is%20somewhat%20simpl&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-replacement-overlapping-bars-easy%2F&amp;t=Marimekko%20Replacement%20-%20Overlapping%20Bars%20%28Easy%29&amp;s=I%20showed%20an%20overlapping%20bar%20chart%20alternative%20to%20a%20Marimekko%20chart%20in%20my%20recent%20post%20The%20Problem%20with%20Marimekkos.%20I%20gave%20very%20few%20clues%20about%20how%20to%20construct%20such%20a%20chart%2C%20so%20now%20I%27m%20showing%20the%20protocol.%0D%0A%0D%0AThe%20approach%20shown%20here%20is%20somewhat%20simpl" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/marimekko-replacement-overlapping-bars-easy/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Marimekko Charts</title>
		<link>http://peltiertech.com/WordPress/marimekko-charts/</link>
		<comments>http://peltiertech.com/WordPress/marimekko-charts/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 11:00:32 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>
		<category><![CDATA[Marimekko Chart]]></category>
		<category><![CDATA[Utilities]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1557</guid>
		<description><![CDATA[



This tutorial shows how to create Marimekko Charts, including the specialized data layout needed, and the detailed combination of chart series and chart types required. This manual process takes time, can be prone to error, and becomes tedious.
I have created the Peltier Tech Marimekko Chart Utility to create such charts automatically from raw data. This [...]]]></description>
			<content:encoded><![CDATA[<table style="border: 2px solid blue; border-spacing: 4px; border-collapse: separate; background-color: white; width: 80%; margin-left: 10%; margin-right: 10%;">
<tbody>
<tr>
<td style="padding: 3px;">
<p><img style="border-width: 0pt; margin-right: 12px; float: left;" src="http://peltiertech.com/Utility/pix/ptstilemekko.png" alt="Peltier Tech Marimekko Chart Utility" />This tutorial shows how to create Marimekko Charts, including the specialized data layout needed, and the detailed combination of chart series and chart types required. This manual process takes time, can be prone to error, and becomes tedious.</p>
<p>I have created the <strong>Peltier Tech Marimekko Chart Utility</strong> to create such charts automatically from raw data. This utility, a standard Excel add-in, lays out data in the required layout, then constructs a chart with the right combination of chart types. This is a commercial product, tested on hundreds of machines in a wide variety of configurations, which saves time and aggravation.</p>
<p>Please visit the <a href="http://peltiertech.com/Utility/MarimekkoUtility.html" rel="nofollow" title="Peltier Tech Marimekko Chart Utility" >Peltier Tech Marimekko Chart Utility</a> page or the <a href="http://peltiertech.com/Utility/ClusterStackUtilityDocs.html" rel="nofollow" title="Peltier Tech Marimekko Chart Utility Documentation" >Peltier Tech Marimekko Chart Utility Documentation</a> page for more information.</p>
</td>
</tr>
</tbody>
</table>
<p><br class="spacer_" /></p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/MarimekkoFabric.gif" alt="Marimekko Fabric" /></p>
<p>In a recent tutorial I showed how to make <a href="http://peltiertech.com/WordPress/variable-width-column-charts/"title="Variable Width Column Charts" >Variable Width Column Charts</a>. A stacked version of this chart type, called a <strong>Marimekko</strong> chart, is popular in business, particularly where marketing departments analyze segmentation of their markets. The Marimekko chart gets its name from the patterns found in Marimekko fabric.</p>
<h2 style="font-size: 12pt; margin-bottom: 18px; clear: right;"><span id="more-1557"></span><a href="http://peltiertech.com/Utility/MarimekkoUtility.html" rel="nofollow" title="PTS Marimekko Chart Utility" ></a>Marimekko Chart</h2>
<p><strong>Laying Out the Data</strong></p>
<p>Suppose we have four companies, Alpha through Delta, competing in four segments, A through D, of a particular market. This could be like the companies Dell, HP, and Toshiba competing in the laptop, desktop, and home server segments of the personal computer market. A summary of the data would look like this table. The sum of the segment percentages is 100%, and the market segment shares of the companies in each segment (each row) also sum to 100%.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/MarimekkoDataOrig.png" alt="Marimekko Data - Original" /></p>
<p>Like most non-standard charts, we have to arrange the chart source data in a special pattern. Here is how the above data is rearranged. The first column, the X values, comprise a cumulative percentage of the segment percentages: 0, 40, 70 (40+30), 90 (40+30+20), and 100 (40+30+20+10). Each of these values is listed three times. In between each of these values, I’ve inserted another row with the average of the values above and below, with orange text. These orange values correspond to dummy data which will provide labels later in this protocol.</p>
<p>Note that the X values <em>look like</em> percentages, but <em>are not</em>. A date-scale axis, which we will use to spread out the widths of the area chart data, cannot render fractional values. These X values are whole numbers, and I&#8217;ve used a number format of <tt class="tt">0"%"</tt> with the percentage symbol in quotation marks to place it as generic text after the whole number.</p>
<p>The Y values for each series and each segment are repeated three times, at the beginning, middle, and ending X values for this segment. For example, Alpha has 60% for Seg A in rows 3 through 5, next to X values of 0%, 20%, and 40%. The Y values return to zero at the end of each segment. Alpha shows 0% in rows 2, 6, 10, etc.</p>
<p>The column labeled “dummy” holds Y values for a dummy series that will provide the labels in the column marked “Labels”. I’ve colored this text orange to indicate labeling helper data, corresponding with the inserted orange rows above.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/MarimekkoDataLaidOut.png" alt="Marimekko Data - Laid Out for the Chart" /></p>
<p><strong>Creating the Chart</strong></p>
<p>Select the data in columns H through M and create a stacked area chart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko01.png" alt="Marimekko Chart - 01" /></p>
<p>Convert series LabelsY into a line chart series.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko02.png" alt="Marimekko Chart - 02" /></p>
<p>If you clear the zero values in the LabelY data, column M, the points and connecting lines will not clutter up the chart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko03.png" alt="Marimekko Chart - 03" /></p>
<p>Clear the legend to add more room for the chart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko04.png" alt="Marimekko Chart - 04" /></p>
<p>Now the X axis needs to be adjusted. All the X values in column H are treated as text labels, equally spaced without regard to their numerical value. In Classic Excel (2003 and earlier) go to the Chart menu &gt; Chart Options &gt; Axes tab.</p>
<p>The Primary Category axis is listed as Automatic. Change this setting to Time-Scale.</p>
<p>The result is that all Y values for equal X values are vertically aligned, as if in an XY chart. Of course, Excel has helpfully converted the values into dates, spaced one week apart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko05.png" alt="Marimekko Chart - 05" /></p>
<p>Format the X axis scale so it runs from 0 to 100 in steps of 20 (not percent but whole numbers). Apply a number format of 0&#8243;%&#8221;, which places the percent sign in quotes so Excel adds it as text to the end of the whole number rather than converting the value to a percentage.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko05a.png" alt="Marimekko Chart - 05 a" /></p>
<p><strong>Add Labels to the Marimekko Chart</strong></p>
<p>To add segment labels, I use <strong>Rob Bovey</strong>’s free <a href="http://www.appspro.com/Utilities/ChartLabeler.htm" rel="nofollow" title="Rob Bovey's Free Chart Labeler Utility" >Chart Labeler</a> utility. This utility adds a menu item called “XY Chart Labels” to the Tools menu. It works on any chart type that accommodates chart labels, not just XY charts.</p>
<p>Using the utility, assign the labels in the Labels column to the LabelY series. The labels here have been positioned above the points.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko06.png" alt="Marimekko Chart - 06" /></p>
<p>Format the Labels series so it uses no markers or lines, and these points will no longer appear.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko07.png" alt="Marimekko Chart - 07" /></p>
<p>To add labels to the blocks in the chart, you need points which will be located in the center of each block. The X values are the same as above, but the Y values for each series (the names are the same as above, but they are distinct series) are calculated to place a point at the mid-height of each block.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/MarimekkoDataLabels1.png" alt="Marimekko Data - Labels 1" /></p>
<p>Copy this data, select the chart, and use Paste Special to add the data as new series. Since the last series in the chart, LabelsY, had been converted to a line type, these are added as lines. Notice that the points are located exactly where needed, although there are also points along the category axis and lines everywhere.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko08.png" alt="Marimekko Chart - 08" /></p>
<p>Clear the cells with zero values. . .</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/MarimekkoDataLabels2.png" alt="Marimekko Data - Labels 2" /></p>
<p>. . . and only the desired points will remain in the chart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko09.png" alt="Marimekko Chart - 09" /></p>
<p>Format each series so it uses no lines or markers, and so it also displays data labels using the series name. Then format the labels so they are centered on the points (the default is to the left of the points).</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko10.png" alt="Marimekko Chart - 10" /></p>
<p>This chart has way too many labels. We could get away with one label per series. I&#8217;ve removed all Y values except for the ones that put points in the largest block for each series.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/MarimekkoDataLabels3.png" alt="Marimekko Data - Labels 3" /></p>
<p>This is a much cleaner chart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko11.png" alt="Marimekko Chart - 11" /></p>
<p>Naturally you could tailor the labels to show a dollar value or a percentage, or any other information, but you would need not only a table containing the X and Y values as shown in the table above the last, but also a table containing the values to be used for each label. You would use Rob Bovey&#8217;s Chart Labeler to apply the labels, as described for the segment labels along the top of the chart.</p>
<p style="text-align: center;"><img src="http://peltiertech.com/images/2009-02/Marimekko12.png" alt="Marimekko Chart - 12" /></p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Marimekko%20Charts%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;title=Marimekko%20Charts&amp;bodytext=%0D%0A%0D%0A%0D%0AThis%20tutorial%20shows%20how%20to%20create%20Marimekko%20Charts%2C%20including%20the%20specialized%20data%20layout%20needed%2C%20and%20the%20detailed%20combination%20of%20chart%20series%20and%20chart%20types%20required.%20This%20manual%20process%20takes%20time%2C%20can%20be%20prone%20to%20error%2C%20and%20becomes%20tedious." title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;t=Marimekko%20Charts" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;title=Marimekko%20Charts&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=%0D%0A%0D%0A%0D%0AThis%20tutorial%20shows%20how%20to%20create%20Marimekko%20Charts%2C%20including%20the%20specialized%20data%20layout%20needed%2C%20and%20the%20detailed%20combination%20of%20chart%20series%20and%20chart%20types%20required.%20This%20manual%20process%20takes%20time%2C%20can%20be%20prone%20to%20error%2C%20and%20becomes%20tedious." title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;title=Marimekko%20Charts&amp;notes=%0D%0A%0D%0A%0D%0AThis%20tutorial%20shows%20how%20to%20create%20Marimekko%20Charts%2C%20including%20the%20specialized%20data%20layout%20needed%2C%20and%20the%20detailed%20combination%20of%20chart%20series%20and%20chart%20types%20required.%20This%20manual%20process%20takes%20time%2C%20can%20be%20prone%20to%20error%2C%20and%20becomes%20tedious." title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;title=Marimekko%20Charts" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;title=Marimekko%20Charts&amp;annotation=%0D%0A%0D%0A%0D%0AThis%20tutorial%20shows%20how%20to%20create%20Marimekko%20Charts%2C%20including%20the%20specialized%20data%20layout%20needed%2C%20and%20the%20detailed%20combination%20of%20chart%20series%20and%20chart%20types%20required.%20This%20manual%20process%20takes%20time%2C%20can%20be%20prone%20to%20error%2C%20and%20becomes%20tedious." title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;title=Marimekko%20Charts" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;t=Marimekko%20Charts" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Marimekko%20Charts&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;submitHeadline=Marimekko%20Charts&amp;submitSummary=%0D%0A%0D%0A%0D%0AThis%20tutorial%20shows%20how%20to%20create%20Marimekko%20Charts%2C%20including%20the%20specialized%20data%20layout%20needed%2C%20and%20the%20detailed%20combination%20of%20chart%20series%20and%20chart%20types%20required.%20This%20manual%20process%20takes%20time%2C%20can%20be%20prone%20to%20error%2C%20and%20becomes%20tedious.&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fmarimekko-charts%2F&amp;t=Marimekko%20Charts&amp;s=%0D%0A%0D%0A%0D%0AThis%20tutorial%20shows%20how%20to%20create%20Marimekko%20Charts%2C%20including%20the%20specialized%20data%20layout%20needed%2C%20and%20the%20detailed%20combination%20of%20chart%20series%20and%20chart%20types%20required.%20This%20manual%20process%20takes%20time%2C%20can%20be%20prone%20to%20error%2C%20and%20becomes%20tedious." title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/marimekko-charts/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>How to Build a 2&#215;2 Panel Chart</title>
		<link>http://peltiertech.com/WordPress/how-to-build-a-2x2-panel-chart/</link>
		<comments>http://peltiertech.com/WordPress/how-to-build-a-2x2-panel-chart/#comments</comments>
		<pubDate>Mon, 24 Nov 2008 11:00:33 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>
		<category><![CDATA[Panel Chart]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1051</guid>
		<description><![CDATA[
Several months ago, in Column Chart to Replace Multiple Pie Charts I showed how a column or bar chart could display a table of data more effectively than four pie charts could. Another alternative is to build a panel chart, a shown above.
Let&#8217;s review the sequence. The data shows how four business measures (Hours, Cost, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanelchart.png" alt="Quad panel chart" /></p>
<p>Several months ago, in <a href="http://peltiertech.com/WordPress/2008/05/02/column-chart-to-replace-multiple-pie-charts/"title="Column Chart to Replace Multiple Pie Charts" >Column Chart to Replace Multiple Pie Charts</a> I showed how a column or bar chart could display a table of data more effectively than four pie charts could. Another alternative is to build a panel chart, a shown above.</p>
<p><span id="more-1051"></span>Let&#8217;s review the sequence. The data shows how four business measures (Hours, Cost, Profit, and Sales) are apportioned among four categories of employees (Engineer 1 and 2, and Marketing 1 and 2).</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/piecolumndata.png" alt="Data for pie and column charts" /></p>
<p>Here are the pie charts. Very pretty, colorful and symmetrical and all. But it&#8217;s not really easy to compare the actual wedge sizes within and between the pies.</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/pies_legend2.png" alt="Four pie charts with one legend" /></p>
<p>A clustered column chart plots all data on the same baseline, and the value is proportional to the one-dimensional size of the bars, not to a two-dimensional arc length.</p>
<p style="text-align: center;"><img class="aligncenter" style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/columns_legend.png" alt="Column chart with legend" width="384" height="238" /></p>
<p>The column chart could be improved by removing the legend and labeling chart series directly. In order to prevent labels from overlapping other labels and other series, it may be necessary to rotate the labels into harder to read orientations. However, we can rotate the whole chart, and retain legible labels in a clustered bar chart.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/bars_Hlabels.png" alt="Bar chart with labels" /></p>
<p>Finally, for some situations, a panel chart may be an improvement over any of the preceding alternatives. This article shows how to construct a 2-by-2 panel chart. The procedures are easily scalable to any practical R-by-C arrangement.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanelchart.png" alt="Quad panel chart" /></p>
<p><strong>Panel Chart Data</strong></p>
<p>The original data is shown in the heavy border in B2:F6. This data needs to be rearranged and augmented before we can create the chart.</p>
<p>The data is color coded as follows:</p>
<ul style="margin-left: 24pt;">
<li>Green &#8211; used for series names in the chart </li>
<li>Purple &#8211; used for series category labels or X data </li>
<li>Blue &#8211; used for series Y data </li>
<li>Yellow &#8211; used for custom data labels on data points </li>
<li>Orange &#8211; user inputs for on-the-fly customizations </li>
</ul>
<p>Note: I use <a href="http://www.appspro.com/Utilities/ChartLabeler.htm" rel="nofollow" title="Rob Bovey's Chart Labeler" >Rob Bovey&#8217;s Chart Labeler</a> to apply custom labels from a worksheet range to a chart series. This is a free Excel add-in which interfaces so well with Excel&#8217;s interface that it seems built in. Rob&#8217;s utility actually links each data label to a cell, so if the cell&#8217;s contents change, the label also changes. The utility also applies the font formatting of the cell to the label, so these ranges in the data below have different formatting from the rest of the worksheet.</p>
<p>The data in B11:M16 will produce the bars that display the actual data, and C8:M9 contains the labels that will show the employee category in the base of each bar. To ensure that Excel correctly parses the data when you create the chart, select cell C11, type a space character, and press Return. This makes Excel think there&#8217;s a label in C11, so it starts tie category label range in C11 instead of D11.</p>
<p>The value in cell H3 is the maximum sized bar that will fit vertically in each panel. The largest value in the table is 45.3%, which is bumped up to 50%, then an additional margin is added for the titles in the upper end of each panel, making this height factor 0.6 or 60%.</p>
<p>Range B18:D23 contains the data needed for the XY series that will locate the titles in each panel. The factor of 0.85 in cell D18 means that the titles will be located at 0.85 (85%) of the way from the bottom to top of each panel. The purple values were derived as follows. The column chart has columns in slots 1, 2, 3, 4, etc. Slots 1, 6, and 11 (columns C, H, and M) have zero-height columns, and are located at panel boundaries. We want the titles centered within each panel. An XY point plotted on the category axis is positioned according to the slot numbers. The X positions for the XY points are then (1+6)/2 = 3.5 and (6+11)/2 = 8.5.</p>
<p>Range F18:H24 contains data to define the vertical axis and its labels. The labels in H19:H21 are selected by the user, and axis ticks and labels will be placed at the appropriate positions. The X values of 1 in F19:F24 were derived as follows. The column chart has columns in slots 1, 2, 3, 4, etc. A zero-height par (column C) is plotted in slot 1, along the left edge of the chart. Therefore we want the axis at X=1.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpaneldata.png" alt="Quad panel chart data" /></p>
<p>These ranges are not populated by hand, of course. I&#8217;m too lazy to keep changing everything when I make a minor adjustment to the chart. The following table shows which formulas to use. Select the indicated range with the first cell of the range as the active cell, type in the corresponding formula, then hold CTRL while pressing Enter.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanelformulas.png" alt="Quad panel chart formulas" /></p>
<p><strong>Building the Panel Chart</strong></p>
<p>The first step of the process is to select B11:M16 and create a stacked column chart (below left). Notice how the data arrangement in B11:M16 and the formulas for the &#8220;blank&#8221; series lead to the appearance in the chart.</p>
<p>Make the &#8220;blank&#8221; series invisible: format it so it has no border and no fill. Now the Sales and Profit bars float above the Cost and Hours bars (below right).</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel01.png" alt="Quad panel chart step 1" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel02.png" alt="Quad panel chart step 2" /></p>
<p>Notice the margins on the left and right of the plot area (left of the first E1 and right of the second M2 categories) are the same width as the gap between the first M2 and second E1 categories. We want the left and right margins to be half as wide as they are. This is easy, simply format the category axis so that the box for &#8220;Value (Y) axis crosses between categories&#8221; is unchecked (below left).</p>
<p>We&#8217;re not going to use the axis labels that Excel wants us to use, so let&#8217;s clean up the axes. Format each so that no axis features are visible: no line, no major or minor tick marks, and no tick labels. Delete the legend as well (below right).</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel03.png" alt="Quad panel chart step 3" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel04.png" alt="Quad panel chart step 4" /></p>
<p>The plot area now expands to fill the chart area. Select the plot area, and drag its left edge to the right to make room for the axis labels we will be adding. Drag the top and bottom edges toward each other slightly. Add panel boundaries. First format the value (Y) axis so it has fixed (not auto) values of 0 and 2 for min and max, and 1 for major unit. Format the catebory (X) axis so there are 5 categories between tick marks. Then add major horizontal and vertical gridlines, matching the line color to the border color of the plot area.</p>
<p>The next few steps will add the panel titles. First copy the range C19:D23, then select the chart, and use Paste Special to add the data as a new series, with series data in columns, categories in the first column (don&#8217;t replace existing categories), and series names in the first row. This produces the red-bordered stack of columns that fit poorly into the chart below at right.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel05.png" alt="Quad panel chart step 5" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel06.png" alt="Quad panel chart step 6" /></p>
<p>Right click this new series, and choose Chart Type (or Select Chart Type) from the pop-up menu. Select an XY type. The series has converted itself to the backwards &#8220;Z&#8221; in the left hand chart below.</p>
<p>Excel ever so helpfully placed this XY series onto secondary axes, but we will keep it simple stupid by formatting the series so it plots on the primary axes with the stacked columns.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel07.png" alt="Quad panel chart step 7" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel08.png" alt="Quad panel chart step 8" /></p>
<p>Cycling the chart&#8217;s secondary axes on and off have messed up the primary category axis. Select it (click on it carefully, it&#8217;s still there), and again uncheck the &#8220;Value (Y) axis crosses between categories&#8221;box (below left).</p>
<p>Time to fire up Rob&#8217;s chart labeler. Select the chart, then choose &#8220;XY Chart Labels&#8221; from the Tools menu (or from the Add-Ins tab in Excel 2007), and select the Add Chart Labels command. In the Labeler dialog, select the Titles series, the range B20:B23, and the Center position. The labels now appear centered over the XY markers (below right).</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel09.png" alt="Quad panel chart step 9" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel10.png" alt="Quad panel chart step 10" /></p>
<p>Hide the Titles series by formatting it to show no markers and no lines. You can adjust the vertical position of the titles by changing the value in cell D18.</p>
<p>The next several steps add the Y axis labels. Copy F18:G24, select the chart, and add the data as a new series using the same options as before. The new series appears along the Y axis. Since the last chart was converted to an XY series and moved to the primary axes, these are the settings that Excel uses for the new series.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel11.png" alt="Quad panel chart step 11" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel12.png" alt="Quad panel chart step 12" /></p>
<p>Use the Chart Labeler to add the labels in H19:H24 to the newly added Axis series, in the Left position.</p>
<p>Format the Axis series to hide the line, and to mimic axis ticks with cross markers that match the color of the plot area border.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel13.png" alt="Quad panel chart step 13" /> <img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel14.png" alt="Quad panel chart step 14" /></p>
<p>Finally, add the employee category labels to the bars. Use the chart labeler to apply the labels in C8:M8 to the Hours and Profit series, and the labels in C9:M9 to the Cost and Sales series. I used the Inside Base orientation.</p>
<p style="text-align: center;"><img style="border: 0pt none ;" src="http://peltiertech.com/WordPress/wp-content/img200805/quadpanel15.png" alt="Quad panel chart step 15" /></p>
<p>You can download a zip file containing my worksheet with the <a href="http://peltiertech.com/WordPress/wp-content/img200805/2by2PanelChart.zip"title="2-by-2 panel chart" >2-by-2 panel chart</a> in this tutorial.</p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=How%20to%20Build%20a%202x2%20Panel%20Chart%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;title=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;bodytext=%0D%0A%0D%0ASeveral%20months%20ago%2C%20in%20Column%20Chart%20to%20Replace%20Multiple%20Pie%20Charts%20I%20showed%20how%20a%20column%20or%20bar%20chart%20could%20display%20a%20table%20of%20data%20more%20effectively%20than%20four%20pie%20charts%20could.%20Another%20alternative%20is%20to%20build%20a%20panel%20chart%2C%20a%20shown%20above.%0D%0A%0D%0ALet%27" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;t=How%20to%20Build%20a%202x2%20Panel%20Chart" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;title=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=%0D%0A%0D%0ASeveral%20months%20ago%2C%20in%20Column%20Chart%20to%20Replace%20Multiple%20Pie%20Charts%20I%20showed%20how%20a%20column%20or%20bar%20chart%20could%20display%20a%20table%20of%20data%20more%20effectively%20than%20four%20pie%20charts%20could.%20Another%20alternative%20is%20to%20build%20a%20panel%20chart%2C%20a%20shown%20above.%0D%0A%0D%0ALet%27" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;title=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;notes=%0D%0A%0D%0ASeveral%20months%20ago%2C%20in%20Column%20Chart%20to%20Replace%20Multiple%20Pie%20Charts%20I%20showed%20how%20a%20column%20or%20bar%20chart%20could%20display%20a%20table%20of%20data%20more%20effectively%20than%20four%20pie%20charts%20could.%20Another%20alternative%20is%20to%20build%20a%20panel%20chart%2C%20a%20shown%20above.%0D%0A%0D%0ALet%27" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;title=How%20to%20Build%20a%202x2%20Panel%20Chart" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;title=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;annotation=%0D%0A%0D%0ASeveral%20months%20ago%2C%20in%20Column%20Chart%20to%20Replace%20Multiple%20Pie%20Charts%20I%20showed%20how%20a%20column%20or%20bar%20chart%20could%20display%20a%20table%20of%20data%20more%20effectively%20than%20four%20pie%20charts%20could.%20Another%20alternative%20is%20to%20build%20a%20panel%20chart%2C%20a%20shown%20above.%0D%0A%0D%0ALet%27" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;title=How%20to%20Build%20a%202x2%20Panel%20Chart" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;t=How%20to%20Build%20a%202x2%20Panel%20Chart" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;submitHeadline=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;submitSummary=%0D%0A%0D%0ASeveral%20months%20ago%2C%20in%20Column%20Chart%20to%20Replace%20Multiple%20Pie%20Charts%20I%20showed%20how%20a%20column%20or%20bar%20chart%20could%20display%20a%20table%20of%20data%20more%20effectively%20than%20four%20pie%20charts%20could.%20Another%20alternative%20is%20to%20build%20a%20panel%20chart%2C%20a%20shown%20above.%0D%0A%0D%0ALet%27&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fhow-to-build-a-2x2-panel-chart%2F&amp;t=How%20to%20Build%20a%202x2%20Panel%20Chart&amp;s=%0D%0A%0D%0ASeveral%20months%20ago%2C%20in%20Column%20Chart%20to%20Replace%20Multiple%20Pie%20Charts%20I%20showed%20how%20a%20column%20or%20bar%20chart%20could%20display%20a%20table%20of%20data%20more%20effectively%20than%20four%20pie%20charts%20could.%20Another%20alternative%20is%20to%20build%20a%20panel%20chart%2C%20a%20shown%20above.%0D%0A%0D%0ALet%27" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/how-to-build-a-2x2-panel-chart/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Better Charts of Graduation Rate and Federal Spending</title>
		<link>http://peltiertech.com/WordPress/better-charts-of-graduation-rate-and-federal-spending/</link>
		<comments>http://peltiertech.com/WordPress/better-charts-of-graduation-rate-and-federal-spending/#comments</comments>
		<pubDate>Tue, 18 Nov 2008 11:00:10 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>
		<category><![CDATA[demographics]]></category>
		<category><![CDATA[DSA Insights]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[poverty]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/?p=1027</guid>
		<description><![CDATA[In Graduation Rate and Federal Spending [Chart Reviews] Tony Rose of Support Analytics and DSA Insights shows two charts from Business Week.
Federal Spending on Education and Training
The first compares two years of Federal education spending data using side by side pie/donut charts, which commits two sins: using one pie/donut charts, and using more than one [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://supportanalytics.com/blog/2008/11/graduation-rate-and-federal-spending-chart-reviews/" rel="nofollow" title="Graduation Rate and Federal Spending [Chart Reviews]" >Graduation Rate and Federal Spending [Chart Reviews]</a> <strong>Tony Rose</strong> of <a href="http://supportanalytics.com/" rel="nofollow" title="Support Analytics" >Support Analytics</a> and <a href="http://supportanalytics.com/blog/"title="DSA Insights Blog" rel="nofollow" >DSA Insights</a> shows two charts from <a href="http://images.businessweek.com/"title="Business Week" rel="nofollow" >Business Week</a>.</p>
<p><strong>Federal Spending on Education and Training</strong></p>
<p>The first compares two years of Federal education spending data using side by side pie/donut charts, which commits two sins: using one pie/donut charts, and using more than one of these charts. Tony recommends using a table instead, while I&#8217;ve created a line chart instead. Tony&#8217;s table and my chart contain all of the data from the Business Week charts, with additional display of percentage changes.</p>
<p><span id="more-1027"></span><em><strong>The Original Business Week Donut Charts</strong></em></p>
<p align="center"><img title="Federal Education Spending - Original Business Week Donut Charts" src="http://peltiertech.com/WordPress/wp-content/img200811/FedSpendOnEdBusWk.png" alt="Federal Education Spending - Original Business Week Donut Charts" /></p>
<p><em><strong>Tony&#8217;s Tabulated Data</strong></em></p>
<p align="center"><img title="Federal Education Spending - Tony's Tabulated Data" src="http://peltiertech.com/WordPress/wp-content/img200811/FedSpendOnEdDSA.png" alt="Federal Education Spending - Tony's Tabulated Data" /></p>
<p><strong><em>The Peltier Tech Line Chart</em></strong></p>
<p align="center"><img title="Federal Education Spending - Peltier Tech Line Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/FedSpendOnEdPTS.png" alt="Federal Education Spending - Peltier Tech Line Chart" /></p>
<p>Tony&#8217;s table is certainly the most compact display of the data. The Business Week dual donuts are eye-catching, perhaps, but the line chart shows the trends best of all.</p>
<p><strong>Percentage of Children Living in Poverty</strong></p>
<p>The second chart is a simple bar chart of poverty rates by state, ranked by the rate of high school graduation in each state. Tony likes this chart, and I don&#8217;t think it&#8217;s too bad either, except that it&#8217;s divided into three sections because of its aspect ratio.</p>
<p align="center"><img title="Poverty and HS Graduation - Business Week Bar Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/PovertyHSGradBusWk.png" alt="Poverty and HS Graduation - Business Week Bar Chart" /></p>
<p>Before merely duplicating the chart above, I thought the individual graduation and poverty rates deserved some investigation. I think a heat map on a geographical state map would be interesting.</p>
<p align="center"><img title="HS Graduation Rate - Peltier Tech Bar Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/HSGradDesc.png" alt="HS Graduation Rate - Peltier Tech Bar Chart" /> &nbsp; &nbsp; &nbsp; <img title="Poverty Rate - Peltier Tech Bar Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/PovertyAsc.png" alt="Poverty Rate - Peltier Tech Bar Chart" /></p>
<p>Here is my rendition of the Business Week chart, differing only by not splitting mine into three panels. It&#8217;s pretty tall, but it tabulates the data clearly. I say &#8220;tabulates&#8221; because it seems to show a trend between graduation and poverty rates, it does not allow an easy determination whether there is a correlation between these rates.</p>
<p align="center"><img title="Poverty and HS Graduation - Peltier Tech Bar Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/PovertyByHSGradDesc.png" alt="Poverty and HS Graduation - Peltier Tech Bar Chart" /></p>
<p>Being the geek that I am (did I say I used to be a scientist?) I decided to plot the two variables against each other. As expected, there&#8217;s a general inverse relationship. As poverty goes down, high school graduation goes up. I plotted it both ways, because there&#8217;s only a correlation, and I&#8217;m sure there are conflicting models for which variable causes the other.</p>
<p align="center"><img title="Poverty vs. HS Graduation - Peltier Tech XY Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/PovertyVsHSGrad.png" alt="Poverty vs. HS Graduation - Peltier Tech XY Chart" /> &nbsp; &nbsp; &nbsp; <img title="HS Graduation vs. Poverty - Peltier Tech XY Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/HSGradVsPoverty.png" alt="HS Graduation vs. Poverty - Peltier Tech XY Chart" /></p>
<p>I picked the latter XY chart, because I think that economic stress leads to higher drop out rates, and replaced the markers with labels showing the state abbreviations. I enlarged the chart significantly to reduce overlap of state abbreviations.</p>
<p align="center"><img title="HS Graduation vs. Poverty - Peltier Tech XY Chart" src="http://peltiertech.com/WordPress/wp-content/img200811/HSGradVsPovertyLabels.png" alt="HS Graduation vs. Poverty - Peltier Tech XY Chart" /></p>
<p>This chart is more cluttered that I would like because of the overlapping state labels, but I think it&#8217;s better to show correlations between measurable quanitites, rather than to simply list them in a table, or in a chart that is essentially like a table. What do you think?</p>
<p>Peltier Technical Services, Inc., Copyright © 2010.<br /> <br /><span style="font: 80% Verdana,Tahoma,Arial,sans-serif;">Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" rel="license" >Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>.<br /> <br />
<a href="http://www.exceluser.com/cmd.asp?Clk=2474005" rel="nofollow" ><IMG SRC="http://www.exceluser.com/images/info/pub/pnp468_01.jpg" ALT="Create Excel dashboards quickly with Plug-N-Play reports." WIDTH="468" HEIGHT="60" border=0></a><br />
<br /><img src="http://www.exceluser.com/cmd.asp?Imp=2474005" width="0" height="0" border="0"></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;bodytext=In%20Graduation%20Rate%20and%20Federal%20Spending%20%5BChart%20Reviews%5D%20Tony%20Rose%20of%20Support%20Analytics%20and%20DSA%20Insights%20shows%20two%20charts%20from%20Business%20Week.%0D%0A%0D%0AFederal%20Spending%20on%20Education%20and%20Training%0D%0A%0D%0AThe%20first%20compares%20two%20years%20of%20Federal%20education%20spending%20d" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;t=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=In%20Graduation%20Rate%20and%20Federal%20Spending%20%5BChart%20Reviews%5D%20Tony%20Rose%20of%20Support%20Analytics%20and%20DSA%20Insights%20shows%20two%20charts%20from%20Business%20Week.%0D%0A%0D%0AFederal%20Spending%20on%20Education%20and%20Training%0D%0A%0D%0AThe%20first%20compares%20two%20years%20of%20Federal%20education%20spending%20d" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;notes=In%20Graduation%20Rate%20and%20Federal%20Spending%20%5BChart%20Reviews%5D%20Tony%20Rose%20of%20Support%20Analytics%20and%20DSA%20Insights%20shows%20two%20charts%20from%20Business%20Week.%0D%0A%0D%0AFederal%20Spending%20on%20Education%20and%20Training%0D%0A%0D%0AThe%20first%20compares%20two%20years%20of%20Federal%20education%20spending%20d" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;annotation=In%20Graduation%20Rate%20and%20Federal%20Spending%20%5BChart%20Reviews%5D%20Tony%20Rose%20of%20Support%20Analytics%20and%20DSA%20Insights%20shows%20two%20charts%20from%20Business%20Week.%0D%0A%0D%0AFederal%20Spending%20on%20Education%20and%20Training%0D%0A%0D%0AThe%20first%20compares%20two%20years%20of%20Federal%20education%20spending%20d" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;t=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;submitHeadline=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;submitSummary=In%20Graduation%20Rate%20and%20Federal%20Spending%20%5BChart%20Reviews%5D%20Tony%20Rose%20of%20Support%20Analytics%20and%20DSA%20Insights%20shows%20two%20charts%20from%20Business%20Week.%0D%0A%0D%0AFederal%20Spending%20on%20Education%20and%20Training%0D%0A%0D%0AThe%20first%20compares%20two%20years%20of%20Federal%20education%20spending%20d&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fbetter-charts-of-graduation-rate-and-federal-spending%2F&amp;t=Better%20Charts%20of%20Graduation%20Rate%20and%20Federal%20Spending&amp;s=In%20Graduation%20Rate%20and%20Federal%20Spending%20%5BChart%20Reviews%5D%20Tony%20Rose%20of%20Support%20Analytics%20and%20DSA%20Insights%20shows%20two%20charts%20from%20Business%20Week.%0D%0A%0D%0AFederal%20Spending%20on%20Education%20and%20Training%0D%0A%0D%0AThe%20first%20compares%20two%20years%20of%20Federal%20education%20spending%20d" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/better-charts-of-graduation-rate-and-federal-spending/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Conditional Stacked Clustered Column Chart with Targets</title>
		<link>http://peltiertech.com/WordPress/conditional-stacked-clustered-column-chart-with-targets/</link>
		<comments>http://peltiertech.com/WordPress/conditional-stacked-clustered-column-chart-with-targets/#comments</comments>
		<pubDate>Mon, 18 Feb 2008 20:20:07 +0000</pubDate>
		<dc:creator>Jon Peltier</dc:creator>
				<category><![CDATA[Example Charts]]></category>
		<category><![CDATA[bar chart]]></category>
		<category><![CDATA[column chart]]></category>
		<category><![CDATA[combination chart]]></category>

		<guid isPermaLink="false">http://peltiertech.com/WordPress/2008/02/18/conditional-stacked-clustered-column-chart-with-targets/</guid>
		<description><![CDATA[In the microsoft.public.excel.programming newsgroup, ptheese asked for the following:
I need to chart three groups of two bars on a axis.
 -Each group is a year, 2007, 2006, 2005 etc so we can compare data from previous years
 -in each group of two there is a profit vertical bar and a combined ratio percentage bar, these [...]]]></description>
			<content:encoded><![CDATA[<p align="left">In the microsoft.public.excel.programming newsgroup, ptheese asked for the following:</p>
<p><tt class="tt">I need to chart three groups of two bars on a axis.<br />
 -Each group is a year, 2007, 2006, 2005 etc so we can compare data from previous years<br />
 -in each group of two there is a profit vertical bar and a combined ratio percentage bar, these bars are not related to each other (one going up has no impact on the other)<br />
 -For each of these bars, there needs to be a target indicator, a small horizontal line crossing over the bar (or above it if the target was not hit). This line does not go across the entire chart, there is a separate one for each individual bar.<br />
 -For the profit bar, if it crosses above the target bar, it should be green. otherwise red.<br />
 -For the ratio/percentage bar, if it crosses above the target bar, it should be red, otherwise green</tt></p>
<p>I&#8217;ve come up with the following chart:</p>
<p style="text-align: center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget.png" alt="Simple Column Chart" /></p>
<p>I don&#8217;t have the particular data, but presumably it&#8217;s something like this:</p>
<table style="font-size: 10pt; font-family: Arial, sans-serif" border="1" cellspacing="0" cellpadding="2" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td style="width: 28px;" align="center" bgcolor="#cccccc"></td>
<td style="width: 61px;" align="center" bgcolor="#cccccc"><strong>A</strong></td>
<td style="width: 61px;" align="center" bgcolor="#cccccc"><strong>B</strong></td>
<td style="width: 61px;" align="center" bgcolor="#cccccc"><strong>C</strong></td>
<td style="width: 77px;" align="center" bgcolor="#cccccc"><strong>D</strong></td>
<td style="width: 77px;" align="center" bgcolor="#cccccc"><strong>E</strong></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>1</strong></td>
<td></td>
<td align="left">Profit</td>
<td align="left">Ratio</td>
<td align="left">Profit Target</td>
<td align="left">Ratio Target</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>2</strong></td>
<td align="right">2007</td>
<td align="right">26</td>
<td align="right">12</td>
<td align="right">25</td>
<td align="right">14</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>3</strong></td>
<td align="right">2006</td>
<td align="right">20</td>
<td align="right">16</td>
<td align="right">20</td>
<td align="right">15</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>4</strong></td>
<td align="right">2005</td>
<td align="right">16</td>
<td align="right">20</td>
<td align="right">18</td>
<td align="right">16</td>
</tr>
</tbody>
</table>
<p><br class="spacer_" /></p>
<p>If I created a chart using A1:C4, I&#8217;d get something like the following, but I&#8217;d have to manually change the colors and somehow draw lines to represent the targets.</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01SimpleCol.png" alt="Simple Column Chart" /></p>
<p>First we need to fix up the data, then we can build the chart. Since we want the bars to change colors automatically, we need stacked columns (see the <a href="http://peltiertech.com/Excel/Charts/ConditionalChart1.html" rel="nofollow" >conditional charts tutorial</a>). Since we want clustered stacked columns, we need to stagger the data and insert appropriate blank rows (see the link to <a href="http://peltiertech.com/Excel/ChartsHowTo/ClusterStack.html" rel="nofollow" >clustered stacked column charts</a>). The data range will require one row for column headers, a blank row for the space to the left of the first cluster, two rows for the first cluster of two columns, a blank row for the space between clusters, two rows for the middle cluster of two columns, a blank row for the space between clusters, two rows for the last cluster of two columns, and a blank row for the space to the right of the last cluster. I&#8217;ve set up the data as shown below:</p>
<table style="font-size: 10pt; font-family: Arial, sans-serif" border="1" cellspacing="0" cellpadding="2" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td style="width: 28px;" align="center" bgcolor="#cccccc"></td>
<td style="width: 54px;" align="center" bgcolor="#cccccc"><strong>A</strong></td>
<td style="width: 54px;" align="center" bgcolor="#cccccc"><strong>B</strong></td>
<td style="width: 54px;" align="center" bgcolor="#cccccc"><strong>C</strong></td>
<td style="width: 54px;" align="center" bgcolor="#cccccc"><strong>D</strong></td>
<td style="width: 75px;" align="center" bgcolor="#cccccc"><strong>E</strong></td>
<td style="width: 75px;" align="center" bgcolor="#cccccc"><strong>F</strong></td>
<td style="width: 75px;" align="center" bgcolor="#cccccc"><strong>G</strong></td>
<td style="width: 75px;" align="center" bgcolor="#cccccc"><strong>H</strong></td>
<td style="width: 75px;" align="center" bgcolor="#cccccc"><strong>I</strong></td>
<td style="width: 75px;" align="center" bgcolor="#cccccc"><strong>J</strong></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>1</strong></td>
<td bgcolor="#ffffcc"></td>
<td bgcolor="#ffffcc"></td>
<td align="left">Profit</td>
<td align="left">Ratio</td>
<td align="left" bgcolor="#ccffcc">Profit Target</td>
<td align="left" bgcolor="#ccffcc">Profit Green</td>
<td align="left" bgcolor="#ccffcc">Profit Red</td>
<td align="left" bgcolor="#ccffcc">Ratio Target</td>
<td align="left" bgcolor="#ccffcc">Ratio Red</td>
<td align="left" bgcolor="#ccffcc">Ratio Green</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>2</strong></td>
<td align="left" bgcolor="#cc99ff">a</td>
<td align="left" bgcolor="#cc99ff">a</td>
<td></td>
<td></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>3</strong></td>
<td align="right" bgcolor="#cc99ff">2007</td>
<td align="left" bgcolor="#cc99ff">Profit</td>
<td align="right">26</td>
<td></td>
<td align="right" bgcolor="#99ccff">25</td>
<td align="right" bgcolor="#99ccff">26</td>
<td align="right" bgcolor="#99ccff">0</td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>4</strong></td>
<td bgcolor="#cc99ff"></td>
<td align="left" bgcolor="#cc99ff">Ratio</td>
<td></td>
<td align="right">12</td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td align="right" bgcolor="#99ccff">14</td>
<td align="right" bgcolor="#99ccff">0</td>
<td align="right" bgcolor="#99ccff">12</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>5</strong></td>
<td align="left" bgcolor="#cc99ff">a</td>
<td align="left" bgcolor="#cc99ff">a</td>
<td></td>
<td></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>6</strong></td>
<td align="right" bgcolor="#cc99ff">2006</td>
<td align="left" bgcolor="#cc99ff">Profit</td>
<td align="right">20</td>
<td></td>
<td align="right" bgcolor="#99ccff">20</td>
<td align="right" bgcolor="#99ccff">20</td>
<td align="right" bgcolor="#99ccff">0</td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>7</strong></td>
<td bgcolor="#cc99ff"></td>
<td align="left" bgcolor="#cc99ff">Ratio</td>
<td></td>
<td align="right">16</td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td align="right" bgcolor="#99ccff">15</td>
<td align="right" bgcolor="#99ccff">16</td>
<td align="right" bgcolor="#99ccff">0</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>8</strong></td>
<td align="left" bgcolor="#cc99ff">a</td>
<td align="left" bgcolor="#cc99ff">a</td>
<td></td>
<td></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>9</strong></td>
<td align="right" bgcolor="#cc99ff">2005</td>
<td align="left" bgcolor="#cc99ff">Profit</td>
<td align="right">16</td>
<td></td>
<td align="right" bgcolor="#99ccff">18</td>
<td align="right" bgcolor="#99ccff">0</td>
<td align="right" bgcolor="#99ccff">16</td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>10</strong></td>
<td bgcolor="#cc99ff"></td>
<td align="left" bgcolor="#cc99ff">Ratio</td>
<td></td>
<td align="right">20</td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td align="right" bgcolor="#99ccff">16</td>
<td align="right" bgcolor="#99ccff">20</td>
<td align="right" bgcolor="#99ccff">0</td>
</tr>
<tr>
<td align="center" bgcolor="#cccccc"><strong>11</strong></td>
<td align="left" bgcolor="#cc99ff">a</td>
<td align="left" bgcolor="#cc99ff">a</td>
<td></td>
<td></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
<td bgcolor="#99ccff"></td>
</tr>
</tbody>
</table>
<p><br class="spacer_" /></p>
<p>The &#8220;a&#8221; in some cells in columns A and B are temporary placeholders, and will be hidden later. The actual data in columns C and D will not be plotted but are used in calculations. There are formulas in columns F, G, I, and J as follows:</p>
<p>F3: <tt class="tt">=IF(C3&gt;=E3,C3,0)</tt></p>
<p>G3: <tt class="tt">=IF(C3&lt;E3,C3,0)</tt></p>
<p>I4: <tt class="tt">=IF(D4&gt;=H4,D4,0)</tt></p>
<p>J4: <tt class="tt">=IF(D4&lt;H4,D4,0)</tt></p>
<p>I&#8217;ve color coded the cells in the table above. The blue cells are the actual plotted Y values, the green cells are used by the chart for series names, and the purple cells are used for the chart&#8217;s category axis labels. The yellow are not used in the chart, but they help Excel parse the data into Y values, series names, and category labels.</p>
<p>Now we can start working on the chart. Select the cells I&#8217;ve shaded in the table. Select A1:B11, then hold Ctrl and select E1:J11, so that both areas are highlighted. Create a stacked column chart:</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget01.png" alt="Simple Column Chart" /></p>
<p>The first thing I&#8217;ve done is colored the series: red and green as appropriate for the Profit and Ratio series, and blue for the targets.</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget02.png" alt="Simple Column Chart" /></p>
<p>The target series don&#8217;t help us as columns. We&#8217;ll convert them to XY series, add X error bars, and hide the markers. First, right click the Profit Target series, select Chart Type, and select the XY type (not a Line type, because this type has no X error bars, only Y error bars).</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget03.png" alt="Simple Column Chart" /></p>
<p>Do the same for the Ratio Target series. If you don&#8217;t do anything after changing the type of the first series, you can simply select the second and use the F4 shortcut key, to repeat the last action.</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget04.png" alt="Simple Column Chart" /></p>
<p>Right click on the Profit Target series, select Format Data Series, and on the X Error Bars tab, choose both directions, Fixed Value, and enter 0.5 in the box next to fixed value.</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget05.png" alt="Simple Column Chart" /></p>
<p>Do the same for the Ratio Target series.</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget06.png" alt="Simple Column Chart" /></p>
<p align="left">Now you need a little formatting.</p>
<ul style="margin-left: 24pt;">
<li>Delete the legend.</li>
<li>Format the error bars so they are thicker and don&#8217;t have the end caps. Color them if desired.</li>
<li>Format the target series so they have no markers as well as no lines.</li>
<li>Reduce the column gap width if desired (I use 50% in this chart).</li>
<li>Change &#8220;a&#8221; in the table above to &#8221; &#8221; (a space character). Don&#8217;t completely clear the cells, or the category labels will be messed up.</li>
</ul>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTarget.png" alt="Simple Column Chart" /></p>
<p>This chart isn&#8217;t too bad, and it meets the specs. But not knowing the particular usage, I think it makes more sense to put the profit values together and the ratio values together, as in the next chart. I&#8217;d also make a few other formatting changes; I might even be tempted to use area charts for the targets and line charts for the actual values, and let the reader see for himself which is good or bad without color coding the results.</p>
<p align="center"><img title="Simple Column Chart" src="http://peltiertech.com/WordPress/wp-content/img/ng01CondColTargetA.png" alt="Simple Column Chart" /></p>



Bookmark and share this entry:


	<a rel="nofollow"  href="http://twitter.com/home?status=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets%20-%20http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F" title="Twitter"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;bodytext=In%20the%20microsoft.public.excel.programming%20newsgroup%2C%20ptheese%20asked%20for%20the%20following%3A%0D%0A%0D%0AI%20need%20to%20chart%20three%20groups%20of%20two%20bars%20on%20a%20axis.%0D%0A%20-Each%20group%20is%20a%20year%2C%202007%2C%202006%2C%202005%20etc%20so%20we%20can%20compare%20data%20from%20previous%20years%0D%0A%20-in%20each%20group%20of%20" title="Digg"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;t=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets" title="Facebook"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;source=Peltier+Tech+Blog+Peltier+Tech+Excel+Charts+and+Programming+Blog&amp;summary=In%20the%20microsoft.public.excel.programming%20newsgroup%2C%20ptheese%20asked%20for%20the%20following%3A%0D%0A%0D%0AI%20need%20to%20chart%20three%20groups%20of%20two%20bars%20on%20a%20axis.%0D%0A%20-Each%20group%20is%20a%20year%2C%202007%2C%202006%2C%202005%20etc%20so%20we%20can%20compare%20data%20from%20previous%20years%0D%0A%20-in%20each%20group%20of%20" title="LinkedIn"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;notes=In%20the%20microsoft.public.excel.programming%20newsgroup%2C%20ptheese%20asked%20for%20the%20following%3A%0D%0A%0D%0AI%20need%20to%20chart%20three%20groups%20of%20two%20bars%20on%20a%20axis.%0D%0A%20-Each%20group%20is%20a%20year%2C%202007%2C%202006%2C%202005%20etc%20so%20we%20can%20compare%20data%20from%20previous%20years%0D%0A%20-in%20each%20group%20of%20" title="del.icio.us"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F" title="Technorati"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets" title="StumbleUpon"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;annotation=In%20the%20microsoft.public.excel.programming%20newsgroup%2C%20ptheese%20asked%20for%20the%20following%3A%0D%0A%0D%0AI%20need%20to%20chart%20three%20groups%20of%20two%20bars%20on%20a%20axis.%0D%0A%20-Each%20group%20is%20a%20year%2C%202007%2C%202006%2C%202005%20etc%20so%20we%20can%20compare%20data%20from%20previous%20years%0D%0A%20-in%20each%20group%20of%20" title="Google Bookmarks"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://reddit.com/submit?url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets" title="Reddit"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;t=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets" title="MySpace"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://slashdot.org/bookmark.pl?title=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;url=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F" title="Slashdot"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;submitHeadline=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;submitSummary=In%20the%20microsoft.public.excel.programming%20newsgroup%2C%20ptheese%20asked%20for%20the%20following%3A%0D%0A%0D%0AI%20need%20to%20chart%20three%20groups%20of%20two%20bars%20on%20a%20axis.%0D%0A%20-Each%20group%20is%20a%20year%2C%202007%2C%202006%2C%202005%20etc%20so%20we%20can%20compare%20data%20from%20previous%20years%0D%0A%20-in%20each%20group%20of%20&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fpeltiertech.com%2FWordPress%2Fconditional-stacked-clustered-column-chart-with-targets%2F&amp;t=Conditional%20Stacked%20Clustered%20Column%20Chart%20with%20Targets&amp;s=In%20the%20microsoft.public.excel.programming%20newsgroup%2C%20ptheese%20asked%20for%20the%20following%3A%0D%0A%0D%0AI%20need%20to%20chart%20three%20groups%20of%20two%20bars%20on%20a%20axis.%0D%0A%20-Each%20group%20is%20a%20year%2C%202007%2C%202006%2C%202005%20etc%20so%20we%20can%20compare%20data%20from%20previous%20years%0D%0A%20-in%20each%20group%20of%20" title="Tumblr"><img src="http://peltiertech.com/WordPress/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://peltiertech.com/WordPress/conditional-stacked-clustered-column-chart-with-targets/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
