<?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>20three &#187; information graphics</title>
	<atom:link href="http://www.20three.com/tag/information-graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.20three.com</link>
	<description></description>
	<lastBuildDate>Fri, 03 Feb 2012 14:41:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Illustration: Dials gauges and meters</title>
		<link>http://www.20three.com/2011/03/illustration-dials-gauges-and-meters/</link>
		<comments>http://www.20three.com/2011/03/illustration-dials-gauges-and-meters/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 09:01:15 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Environment]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[Analog]]></category>
		<category><![CDATA[dials]]></category>
		<category><![CDATA[gauges]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[information graphics]]></category>
		<category><![CDATA[kerb]]></category>
		<category><![CDATA[meters]]></category>
		<category><![CDATA[speedometer]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=1448</guid>
		<description><![CDATA[While looking through work I produced for Kerb a couple of years ago I came across an e-learning project I worked on &#8211; Kerb were commissioned to produce a set of interactive screen based tools to educate drivers on efficient driving techniques. Below is a set of dials gauges and meters I produced which were [...]


Related posts:<ol><li><a href='http://www.20three.com/2010/03/wordagon-a-kerb-iphone-app/' rel='bookmark' title='Permanent Link: Wordagon: A Kerb iphone app'>Wordagon: A Kerb iphone app</a></li>
<li><a href='http://www.20three.com/2010/03/20three-prototype-t-shirts/' rel='bookmark' title='Permanent Link: 20three prototype t-shirts'>20three prototype t-shirts</a></li>
<li><a href='http://www.20three.com/2009/03/stanley-donwood-brighton-exhibition/' rel='bookmark' title='Permanent Link: Stanley Donwood: Brighton exhibition'>Stanley Donwood: Brighton exhibition</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>While looking through work I produced for Kerb a couple of years ago I came across an e-learning project I worked on &#8211; Kerb were commissioned to produce a set of interactive screen based tools to educate drivers on efficient driving techniques. Below is a set of dials gauges and meters I produced which were used throughout the project.</p>
<p>I am usually a little disparaging about my own commercial work when I look back at it but I really like these illustrations. Minimal in the approach and execution with a simple colour palette. Nice.</p>
<p><a href="http://www.20three.com/wp-content/uploads/2011/03/eco1.jpg"><img class="aligncenter size-full wp-image-1449" src="http://www.20three.com/wp-content/uploads/2011/03/eco1.jpg" alt="" width="517" height="916" /></a></p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2010/03/wordagon-a-kerb-iphone-app/' rel='bookmark' title='Permanent Link: Wordagon: A Kerb iphone app'>Wordagon: A Kerb iphone app</a></li>
<li><a href='http://www.20three.com/2010/03/20three-prototype-t-shirts/' rel='bookmark' title='Permanent Link: 20three prototype t-shirts'>20three prototype t-shirts</a></li>
<li><a href='http://www.20three.com/2009/03/stanley-donwood-brighton-exhibition/' rel='bookmark' title='Permanent Link: Stanley Donwood: Brighton exhibition'>Stanley Donwood: Brighton exhibition</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2011/03/illustration-dials-gauges-and-meters/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The transformer: principles of making Isotype charts by Marie Neurath and Robin Kinross</title>
		<link>http://www.20three.com/2009/05/the-transformer-principles-of-making-isotype-charts-by-marie-neurath-and-robin-kinross/</link>
		<comments>http://www.20three.com/2009/05/the-transformer-principles-of-making-isotype-charts-by-marie-neurath-and-robin-kinross/#comments</comments>
		<pubDate>Thu, 28 May 2009 09:13:55 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[information graphics]]></category>
		<category><![CDATA[isotype]]></category>
		<category><![CDATA[otto neurath]]></category>
		<category><![CDATA[visualisation]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=247</guid>
		<description><![CDATA[The transformer: principles of making Isotype charts by Marie Neurath and Robin Kinross

Transforming (Tranformator) &#8211; &#8220;The process of analysing, selecting, ordering, and then making visual some information, data, ideas, implications&#8230;&#8221;
I have been waiting for the publication of The transformer... for a while now. I first became aware of the Isotype (System Of TYpographic Picture Education) [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><em>The transformer: principles of making Isotype charts by Marie Neurath and Robin Kinross</em></p>
<p><img class="aligncenter size-full wp-image-243" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50002.jpg" alt="gmdh02_50002" width="589" height="390" /></p>
<p>Transforming (Tranformator) &#8211; &#8220;The process of analysing, selecting, ordering, and then making visual some information, data, ideas, implications&#8230;&#8221;</p>
<p>I have been waiting for the publication of <em>The transformer..</em>. for a while now. I first became aware of the Isotype (System Of TYpographic Picture Education) work of <a href="http://en.wikipedia.org/wiki/Otto_Neurath" target="_blank">Otto Neurath</a> while working on data visualisation as the Head of Design at <a href="http://lateral.net" target="_blank">Lateral</a>. At first I was excited about the visual style &#8211; I seemed to have come across the root style of information graphics. I soon realised that Isotype was far more than &#8217;style&#8217; &#8211; it was and is a fundamental tool in presenting data with maximum efficiency &#8211; a method of visualisation that communicates multiple relationships and connections.</p>
<p>Isotype attempts to present as much information as possible in the most effective and simple way. The viewer should be able to &#8216;read&#8217; Isotype charts in several ways and this is what makes Isotype so successful. Otto Neurath&#8217;s way of using repeated symbols donating a unit, rather than scaling symbols to donate magnitude is what sets his work apart, and what made his work the beginnings of graphic communication based on a solid, well thought out and logical system.</p>
<p><img class="aligncenter size-full wp-image-244" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50007.jpg" alt="gmdh02_50007" width="589" height="390" /></p>
<p><img class="aligncenter size-full wp-image-245" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50004.jpg" alt="gmdh02_50004" width="589" height="390" /></p>
<p><em>The transformer&#8217;s</em> first half, and the main core of the book, is an essay written by Marie Neurath in the last year before her death in 1986. Marie Neurath was the &#8216;Principle Isotype Transformer&#8217; of the Isotype institution and her essay gives an insightful first hand account of the development of Isotype and the working methods used by the Isotype institution, and how she carried on the work of Isotype after the death of Otto in 1945. The essay was intended as the start of a &#8216;Primer&#8217; on Isotype that was never published, but it is credit to Robin Kinross that this essay and this book now exist.</p>
<p>The other sections of the book include an attempt to place Isotype within a greater context of graphic communication, and draws parallels with other practitioners of data visualisation &#8211; Harry Beck&#8217;s influential London Underground diagram gets a worthy mention, as does that champion of standardisation and modernist typographer, <a href="http://en.wikipedia.org/wiki/Jan_Tschichold" target="_blank">Jan Tschichold</a>.</p>
<p>Like the other Hyphen books in the series <em>The transformer&#8230;</em> is a beautifully designed and put together book, with many colour illustrations, many of which I would have liked to have seen reproduced at a much larger scale. While reading Marie Neurath&#8217;s essay I had wished I had more information into her non professional life &#8211; Otto and Marie obviously had obstacles to manoeuvre, the war enforcing at least one move upon them as they fled the Nazis. The obituary reproduced at the end of the book made up for any lack of  insight into the personality of Marie Neurath.</p>
<p><img class="aligncenter size-full wp-image-242" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50001.jpg" alt="gmdh02_50001" width="259" height="390" /></p>
<p>I would have also liked to have had a little more information about Gerd Arntz, a collaborator of the Isotype institution, member of the progressive artists group’ (Gruppe progressiver Künstler Köln), socially inspired and politically committed artist and activist. In <em>The transformer..</em>. he gets a credit for introducing die cut to the working process of the Isotype institution, and is mentioned as a key collaborator. You can read more about Gerd Arntz and view the extensive gallery of his Isotype symbols here &#8211; <a href="http://www.gerdarntz.org/home" target="_blank">http://www.gerdarntz.org/home</a>.</p>
<p>Please also note the very considered use of the typeface Futura on the illustrations above.</p>
<p>*the images used in this post were the results of a google search, and not all of them appear in <em>The transformer</em>.</p>
<p>** This review also appears on the blog <a href="http://www.designersreviewofbooks.com/" target="_blank">http://www.designersreviewofbooks.com/</a></p>
<p>Buy The transformer&#8230; <a href="http://www.hyphenpress.co.uk/books/978-0-907259-40-4" target="_blank">here</a></p>
<p><em>op</em></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/05/the-transformer-principles-of-making-isotype-charts-by-marie-neurath-and-robin-kinross/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

