<?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>Tobias Toft &#187; twelfth week</title>
	<atom:link href="http://tobiastoft.dk/tag/twelfth-week/feed" rel="self" type="application/rss+xml" />
	<link>http://tobiastoft.dk</link>
	<description>About interaction design, geeky things and maybe even Helvetica.</description>
	<lastBuildDate>Thu, 22 Apr 2010 14:31:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>GUI Part 2 &#8211; Interactive Data Visualisation</title>
		<link>http://tobiastoft.dk/interactive-data-visualisation</link>
		<comments>http://tobiastoft.dk/interactive-data-visualisation#comments</comments>
		<pubDate>Mon, 22 Dec 2008 18:37:38 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[data visualisation]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[stamen]]></category>
		<category><![CDATA[thirteenth week]]></category>
		<category><![CDATA[twelfth week]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=256</guid>
		<description><![CDATA[The second part of our GUI class was about interactive data visualisation. Again, we had an outstanding external teacher: Shawn Allen from Stamen Design in San Francisco. Along with Shawn we also had our own CIID genious David Mellis to help us with the ActionScript3 programming. We started using FlexBuilder, but quickly realised that it [...]]]></description>
			<content:encoded><![CDATA[<p>The second part of our GUI class was about interactive data visualisation. Again, we had an outstanding external teacher: <a title="Shawn @ Stamen.com" href="http://stamen.com/studio/shawn" target="_blank">Shawn Allen</a> from <a title="Go to Stamen.com" href="http://stamen.com/" target="_blank">Stamen Design</a> in San Francisco. Along with Shawn we also had our own CIID genious <a title="Dave's website" href="http://dam.mellis.org" target="_blank">David Mellis</a> to help us with the ActionScript3 programming. We started using FlexBuilder, but quickly realised that it would be easier for the beginners to start using Flash as the environment instead. I already knew a bit of AS3 and Flash, so for me the two weeks were about upgrading my skills in this field, staying in the context of data visualisation.</p>
<p>We started using XML data from <a title="UN Data: Great source!" href="http://data.un.org/" target="_blank">UN Data</a>, which is an enormous source of information on almost anything. I started digging into data about alcohol consumption per capita for a wide range of countries, and came up with a small application that will let you filter, sort and highlight countries based on either country name or consumption. The app is just a quick one, so it&#8217;s probably buggy and hard to use, but at least I got around handling XML data in Flash. Click the screenshot below, to try the application.</p>
<div id="attachment_258" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/_other/dataviz-alcohol/" target="_blank"><img class="size-full wp-image-258  " title="alcoholdataviz" src="http://tobiastoft.dk/wp-content/uploads/alcoholdataviz.png" alt="Screenshot of the data visualisation of alcohol consumption per capita" width="450" height="292" /></a><p class="wp-caption-text">Screenshot of the data visualisation of alcohol consumption per capita</p></div>
<p> The second week, I started exploring other data formats than XML. I went with a set of datafiles in CSV-format from the Danish Statistics Bank. Here the main task was to parse and combine different files into one dataset, so that I could use it for a visualisation. The data i worked with, was about the number of fatal bike accidents in Denmark for the last ten years. Actually I was surprised to see how relatively low the numbers were, compared to the amount of cyclists here in the country. Again, usability was not my main focus, and I know there could be done a lot in this field, so please bear with me. Here my main focus lied in using <a title="The one I used" href="http://www.somerandomdude.net/blog/flash/actionscript-3-layout-organizers-source-code/" target="_blank">layout organizers</a>, which is why you will find three buttons, each representing a different layout.</p>
<div id="attachment_261" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/_other/dataviz-bikeaccidents/" target="_blank"><img class="size-full wp-image-261  " title="fatalbikeaccidents-dataviz" src="http://tobiastoft.dk/wp-content/uploads/fatalbikeaccidents-dataviz.png" alt="Screenshot from the data visualisation of bike accidents" width="450" height="292" /></a><p class="wp-caption-text">Screenshot from the data visualisation of bike accidents. Beware of the bugs!</p></div>
<p>Click the part of Denmark you want to see the statistics for, and you will get a graphical representation of the fatal accidents. Red bikes are women, black are men. Mouse over a bike to see limited details on the accident.</p>
<p>Btw: For some reason the swf runs fine in the external Flash player, but acts a bit strange in the embedded browser player. Do you know why?</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/interactive-data-visualisation/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
