<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>OUseful.Info, the blog... &#187; The Chart Equivalent of Comic Sans..?</title>
	<atom:link href="http://blog.ouseful.info/2012/12/03/the-chart-equivalent-of-comic-sans/feed/?withoutcomments=1" rel="self" type="application/rss+xml" />
	<link>http://blog.ouseful.info</link>
	<description>Trying to find useful things to do with emerging technologies in open education</description>
	<lastBuildDate>Mon, 20 May 2013 07:57:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='blog.ouseful.info' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>OUseful.Info, the blog... &#187; The Chart Equivalent of Comic Sans..?</title>
		<link>http://blog.ouseful.info</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://blog.ouseful.info/osd.xml" title="OUseful.Info, the blog..." />
	<atom:link rel='hub' href='http://blog.ouseful.info/?pushpress=hub'/>
		<item>
		<title>The Chart Equivalent of Comic Sans..?</title>
		<link>http://blog.ouseful.info/2012/12/03/the-chart-equivalent-of-comic-sans/</link>
		<comments>http://blog.ouseful.info/2012/12/03/the-chart-equivalent-of-comic-sans/#comments</comments>
		<pubDate>Mon, 03 Dec 2012 10:24:02 +0000</pubDate>
		<dc:creator>Tony Hirst</dc:creator>
				<category><![CDATA[Infoskills]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://blog.ouseful.info/?p=9157</guid>
		<description><![CDATA[Whilst looking at the apparently conflicting results from a couple of recent polls by YouGov on press regulation (reviewed in a piece by me over on OpenLearn: Two can play at that game: When polls collide in support of a package on the OU/BBC co-produced Radio 4 programme, More Or Less), my eye was also [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.ouseful.info&#038;blog=325417&#038;post=9157&#038;subd=ouseful&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Whilst looking at the apparently conflicting results from a couple of recent polls by YouGov on press regulation (reviewed in a piece by me over on OpenLearn: <a href="http://www.open.edu/openlearn/science-maths-technology/mathematics-and-statistics/statistics/two-can-play-game-when-polls-collide">Two can play at that game: When polls collide</a> in support of a <a href="http://www.bbc.co.uk/programmes/b01p0vqp">package on the OU/BBC co-produced Radio 4 programme, More Or Less</a>), my eye was also drawn to the different ways in which the survey results were presented graphically.</p>
<p>The polls were commissioned by The Sun newspaper on the one hand, and the Media Standards Trust/Hacked Off on the other. If you look at the poll data (<a href="http://cdn.yougov.com/cumulus_uploads/document/ebpx5kd9fo/Sun%20results%20121105%20Newspapers.pdf">The Sun/YouGov [PDF]</a> and <a href="http://cdn.yougov.com/cumulus_uploads/document/c9321abal2/Media%20Standards%20Trust%20121123.pdf">Media Standards Trust/YouGov [PDF]</a> respectively), you&#8217;ll see that it&#8217;s reported in a standard format. (I couldn&#8217;t find actual data releases, but the survey reports look as if they are generated in a templated way, so getting the core of a generic scraper together for them shouldn&#8217;t be too difficult&#8230;) But how was that represented to readers (text based headlines and commentary aside?</p>
<p>Here are a couple of grabs from the Sun&#8217;s story (<a href="http://www.thesun.co.uk/sol/homepage/news/politics/4645032/75-per-cent-of-Brits-see-gag-threat-to-newspapers-if-state-run-watchdog-set-up.html">State-run watchdog &#8216;will gag free press&#8217;</a>):</p>
<p><a href="http://www.thesun.co.uk/sol/homepage/news/politics/4645032/75-per-cent-of-Brits-see-gag-threat-to-newspapers-if-state-run-watchdog-set-up.html"><img src="http://ouseful.files.wordpress.com/2012/11/sun-poll-results1.png?w=700&#038;h=307" alt="" width="700" height="307" class="alignnone size-full wp-image-9158" /></a></p>
<p>Pie-charts in 3D, with a tilt&#8230; gorgeous&#8230; erm, not&#8230; And the colour choice for the bar chart inner-column text is a bit low on contrast compared to the background, isn&#8217;t it?</p>
<p><a href="http://www.thesun.co.uk/sol/homepage/news/politics/4645032/75-per-cent-of-Brits-see-gag-threat-to-newspapers-if-state-run-watchdog-set-up.html"><img src="http://ouseful.files.wordpress.com/2012/11/sun-poll-results-2.png?w=700&#038;h=314" alt="" width="700" height="314" class="alignnone size-full wp-image-9159" /></a></p>
<p>It looks a bit like the writer took a photo of the print edition of the story on their phone, uploaded it and popped it into the story, doesn&#8217;t it?</p>
<p>I guess credit should be given for keeping the risk responses separate in the second image, when they could have just gone for the headline figures as pulled out in the YouGov report:</p>
<p><img src="http://ouseful.files.wordpress.com/2012/11/sunyougovqn.png?w=700" alt=""   class="alignnone size-full wp-image-9162" /></p>
<p>So what I&#8217;m wondering now is the extent to which a chart&#8217;s &#8220;theme&#8221; or style reflects the authority or formal weight we might ascribe to it, in much the same way as different fonts carry different associations? Anyone remember the slating that CERN got for using Comic Sans in their Higgs-Boson discovery announcement (eg <a href="http://www.guardian.co.uk/artanddesign/2012/jul/04/higgs-boson-comic-sans-twitter">here</a>, <a href="http://mobile.theverge.com/2012/7/4/3136652/cern-scientists-comic-sans-higgs-boson">here</a> or <a href="http://www.newscientist.com/blogs/shortsharpscience/2012/07/comic-sans-at-cern.html">here</a>)?</p>
<p><a href="https://indico.cern.ch/getFile.py/access?confId=197461&amp;contribId=1&amp;materialId=slides&amp;resId=1"><img src="http://ouseful.files.wordpress.com/2012/11/atlas_higgs-cern-seminar-2012-1.jpg?w=700" alt=""   class="alignnone size-full wp-image-9166" /></a></p>
<p>Things could hardly have been more critical if they had used <a href="http://crappygraphs.com/">CrappyGraphs</a> or an XKCD style chart generator (as for example described in <a href="http://blog.revolutionanalytics.com/2012/10/style-your-r-charts-like-the-economist-tableau-or-xkcd.html">Style your R charts like the Economist, Tableau &#8230; or XKCD</a> ; or alternatively, <a href="http://jakevdp.github.com/blog/2012/10/07/xkcd-style-plots-in-matplotlib/">XKCD-style for matplotlib</a>).</p>
<p><img src="http://imgs.xkcd.com/comics/science.jpg" alt="XKCD - Science It works" /> [<a href="http://xkcd.com/54/">XKCD</a>]</p>
<p>Oh, hang on a minute, it almost looks like they did!</p>
<p><a href="https://indico.cern.ch/getFile.py/access?confId=197461&amp;contribId=1&amp;materialId=slides&amp;resId=1"><img src="http://ouseful.files.wordpress.com/2012/11/cern-slides.png?w=700&#038;h=555" alt="" width="700" height="555" class="alignnone size-full wp-image-9176" /></a></p>
<p>Anyway &#8211; back to the polls. The Media Standards Trust <a href="http://mediastandardstrust.org/mst-poll-results/">reported on their poll</a> using charts that had a more formal look about them:</p>
<p><img src="http://ouseful.files.wordpress.com/2012/11/mst-example-charts.png?w=700" alt=""   class="alignnone size-full wp-image-9170" /></p>
<p>The chart annotations are also rather clearer to read.</p>
<p>So what, if anything, do we learn from this? That maybe you need to think about chart style, in the same way you might consider your font selection. From the <em>R charts like the Economist, Tableau &#8230; or XKCD</em> post, we also see that some of the different applications we might use to generate charts have their own very distinctive, and recognisable, style (as do many Javascript charting libraries). A question therefore arises about the extent to which you should try to come up with your own distinctive (but still clear) style that fits the tone of your communication, as well as its context and in sympathy with any necessary branding or house styling.</p>
<p>PS with respect to the Sun&#8217;s copyright/syndication notice, and my use of the images above:</p>
<p><img src="http://ouseful.files.wordpress.com/2012/11/suncopyright.png?w=700" alt=""   class="alignnone size-full wp-image-9164" /></p>
<p>I haven&#8217;t approached the copyright holders seeking permission to reproduce the charts here, but I would argue that this piece is just working up to being <a href="http://www.legislation.gov.uk/ukpga/1988/48/section/29">research</a> into the way numerical data is reported, as well as hinting at <a href="http://www.legislation.gov.uk/ukpga/1988/48/section/30">criticism and review</a>. So there&#8230;</p>
<p>PPS As far as bad charts go, they may also be, misrepresentations and underhand attempts at persuasion, graphic style, are also possible, as SimplyStatistics describes: &#8220;The statisticians at Fox News use classic and novel graphical techniques to lead with data&#8221; [ <a href="http://simplystatistics.org/2012/11/26/the-statisticians-at-fox-news-use-classic-and-novel-graphical-techniques-to-lead-with-data/">The statisticians at Fox News use classic and novel graphical techniques to lead with data</a> ] See also: <a href="http://openlearn.open.ac.uk/mod/oucontent/view.php?id=403844&amp;section=3">OpenLearn &#8211; Cheating with Charts</a>.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ouseful.wordpress.com/9157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ouseful.wordpress.com/9157/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.ouseful.info&#038;blog=325417&#038;post=9157&#038;subd=ouseful&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.ouseful.info/2012/12/03/the-chart-equivalent-of-comic-sans/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/abbd9f90565ce9ae4d065d93a81d8c03?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Tony Hirst</media:title>
		</media:content>

		<media:content url="http://ouseful.files.wordpress.com/2012/11/sun-poll-results1.png" medium="image" />

		<media:content url="http://ouseful.files.wordpress.com/2012/11/sun-poll-results-2.png" medium="image" />

		<media:content url="http://ouseful.files.wordpress.com/2012/11/sunyougovqn.png" medium="image" />

		<media:content url="http://ouseful.files.wordpress.com/2012/11/atlas_higgs-cern-seminar-2012-1.jpg" medium="image" />

		<media:content url="http://imgs.xkcd.com/comics/science.jpg" medium="image">
			<media:title type="html">XKCD - Science It works</media:title>
		</media:content>

		<media:content url="http://ouseful.files.wordpress.com/2012/11/cern-slides.png" medium="image" />

		<media:content url="http://ouseful.files.wordpress.com/2012/11/mst-example-charts.png" medium="image" />

		<media:content url="http://ouseful.files.wordpress.com/2012/11/suncopyright.png" medium="image" />
	</item>
	</channel>
</rss>
