<?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>.: sermad :. &#187; Data Vis</title>
	<atom:link href="http://www.sermad.com/category/datavis/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sermad.com</link>
	<description>Music, Art, Design, Advertising</description>
	<lastBuildDate>Wed, 07 Jul 2010 16:38:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Your life in data</title>
		<link>http://www.sermad.com/2010/07/06/your-life-in-data/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=your-life-in-data</link>
		<comments>http://www.sermad.com/2010/07/06/your-life-in-data/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 19:51:41 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Interaction]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=774</guid>
		<description><![CDATA[Dopplr as you all know is a great travel service &#8211; You fill in the cities you are going to travel to and every six months you are sent a wonderful automated travel report visualising your travel data in a very clear way. The time taken to add your &#8216;data&#8217; to Dopplr is something you [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.dopplr.com/" target="_blank">Dopplr</a> as you all know is a great travel service &#8211; You fill in the cities you are going to travel to and every six months you are sent a wonderful automated travel report visualising your travel data in a very clear way.</p>
<p><a href="http://blog.dopplr.com/2009/01/15/dopplr-presents-the-personal-annual-report-2008-freshly-generated-for-you-and-barack-obama/"><img class="alignnone" title="Dopplr" src="http://farm4.static.flickr.com/3330/3198685033_ac4f97f363.jpg" alt="" width="500" height="336" /></a></p>
<p>The time taken to add your &#8216;data&#8217; to Dopplr is something you really   don&#8217;t mind as the benefits outweigh the &#8216;cost&#8217;.</p>
<blockquote><p>What if you could record data about <strong>anything </strong>and visualise this in a personal report?</p></blockquote>
<p><a href="http://feltron.com/" target="_blank">Nicholas Feltron</a> has been doing just that for quite a few years &#8211; collecting everything any and every piece of mundane information and visualising them beautifully in his annual <a href="http://feltron.com/index.php?/content/2009_annual_report/" target="_blank">Feltron reports</a>.</p>
<p><a href="http://feltron.com/index.php?/content/2009_annual_report/"><img class="alignnone" title="Feltron" src="http://feltron.com/images/uploads/ar09_05.jpg" alt="" width="529" height="330" /></a></p>
<p><a href="http://daytum.com/" target="_blank">Daytum</a> was created as a way for Nicholas to store all of this information. You sign into site and add a &#8216;thing&#8217; with an &#8216;amount&#8217; &#8211; cigarette : 1</p>
<p>This then gets logged into the system with a timestamp and as you smoke you keep updating the site. A mobile twitter interface is thankfully on hand as updating your data via a website is a chore upon a chore. Now you just have to tweet your &#8216;thing&#8217; with your &#8216;amount. A similar system called <a href="http://your.flowingdata.com/" target="_blank">your.flowing.data</a> created by Nathan Yau is entirely built on top of twitter to store your data.</p>
<p>These are systems for the committed &#8211; You have to be in the mindset to fire off a tweet to record that thing.</p>
<blockquote><p>Can objects we naturally interact with start to share the data they store?</p></blockquote>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/HD_Fk5qphfQ&amp;hl=en_GB&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/HD_Fk5qphfQ&amp;hl=en_GB&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>The <a href="http://www.withings.com/" target="_blank">Wifi body scale</a> is automated and is single minded in what it records.</p>
<p>Another great example is the <a href="http://www.lexwarelabs.com/sleepcycle/index.html" target="_blank">Sleep Cycle</a> iphone app &#8211; It is an alarm clock that wakes you up when you are in the lightest part of your sleep cycle. It does this by monitoring how you are moving while you sleep &#8211; the phone accelerometer registers your motion and figures out the best point you can wake up. Aside from sleeping better,  the app produces a variety of graphs to help you understand your sleep cycle.</p>
<p><img title="Sleep Cycle" src="http://www.lexwarelabs.com/sleepcycle/gfx/screens/1.jpg" alt="" width="192" height="275" /><img title="Sleep Cycle" src="http://www.lexwarelabs.com/sleepcycle/gfx/screens/2.jpg" alt="" width="192" height="275" /><img title="Sleep Cycle" src="http://www.lexwarelabs.com/sleepcycle/gfx/screens/additionalscreen.jpg" alt="" width="192" height="275" /></p>
<blockquote><p>So can we automate the collection of any data without changing our normal behaviour?</p></blockquote>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="501" height="376" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12558229&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="501" height="376" src="http://vimeo.com/moogaloop.swf?clip_id=12558229&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://mypoyozo.com/" target="_blank">Poyozo</a> could be the development that does this -&gt;</p>
<blockquote><p>Poyozo gives you 	your own data back by downloading the information you&#8217;re 	currently giving to the web on to your own computer. You can 	opt-in to importing your data from <a href="http://www.facebook.com/">Facebook</a>,  <a href="http://www.twitter.com/">Twitter</a>, <a href="http://www.foursquare.com/">Foursquare</a>, <a href="http://www.last.fm/">Last.fm</a>, <a href="http://www.google.com/calendar">Google Calendar</a>, any 	email service, any RSS feed, <a href="http://www.flickr.com/">Flickr</a>,  <a href="http://www.wesabe.com/">Wesabe</a>, <a href="http://listit/">Listit</a>,  <a href="http://www.skydeck.com/">Skydeck</a>, <a href="http://www.dopplr.com/">Dopplr</a>, your Firefox 	browsing history, the local weather, and your location, 	allowing you to access all of this personal data as easily as 	the companies that run these services can.</p></blockquote>
<p><img class="alignnone" title="poyozo" src="http://mypoyozo.com/lib/ownbits.jpg" alt="" width="650" height="279" /></p>
<blockquote><p>So if we could be generating our own automated annual Feltron reports. What insights could they offer? Could they offer insights into our behaviour and moods</p></blockquote>
<p>I was having a lovely lunch time chat with <a href="http://www.donotremove.co.uk/" target="_blank">Mike Stenhouse</a> about this very subject &#8211; He has been exploring a lot of these ways to visualise connections between data at <a href="http://www.trampolinesystems.com/" target="_blank">trampoline systems</a> and also in his own time. He started explain some of the prototypes he had built, gave some brilliant examples i&#8217;d never heard of and we chewed over some other random scenarios.</p>
<p><a href="http://www.tonight.im/" target="_blank">Did you gain weight one week (wifi scales) because you ate at a certain restaurant (foursquare)</a> or you went on a business trip (dopplr). Were you sad at work  one day (twitter), listening to incredibly depressing music (last.fm) and searching for a new job (bookmarks) and buying something to cheer youself (purchases). Could the report then identity that you were the happiest on a certain day or offer some insight into why.</p>
<p>Would be eventually be drowning in data from our lives and eventually be finding patterns with no meaning? Maybe so, but I for one would love to try it and see.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2010/07/06/your-life-in-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3D printing memories</title>
		<link>http://www.sermad.com/2010/06/14/3d-printing-memories/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=3d-printing-memories</link>
		<comments>http://www.sermad.com/2010/06/14/3d-printing-memories/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 14:21:23 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Random Musings]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=748</guid>
		<description><![CDATA[3D printing &#8211; the ability to think of a shape and have a a physical representation of that shape. It&#8217;s fast, becoming cheap and as technology improves &#8211; able to print with incredible detail and textures. This then starts to make you think about what you could design either from a functional or aesthetic point [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>3D printing &#8211; the ability to think of a shape and have a a physical representation of that shape. It&#8217;s fast, becoming cheap and as technology improves &#8211; able to print with incredible detail and textures.</p>
<p>This then starts to make you think about what you could design either from a functional or aesthetic point of view.</p>
<p>Then from a personal point of view &#8211; what artifacts and objects do I have that I would never want to lose. Could I make a copy of an object &#8211; in essence save it&#8217;s memory. If you copied a family heirloom &#8211; a vase for example. Does this still pass on the memories associated with that object.</p>
<blockquote><p><strong>Could that object even be alive?</strong></p></blockquote>
<p>How I arrived at this point was when I saw the following image via the <a href="http://www.shapeways.com/blog/archives/479-3D-Printed-Human-Ash.html" target="_blank">shapeways blog</a>. It is an artistic exercise by a dutch design studio <a href="http://www.wiekisomers.com/" target="_blank">wieke somers</a> to look at how products can be made with human ash.</p>
<p><img class="alignnone" title="Printing Ash" src="http://www.shapeways.com/blog/uploads/ws04.jpg" alt="" width="550" height="366" /></p>
<p>If we put aside the notion of rapid protyping with human ash and use  conventional materials &#8211; Can we copy objects and use it &#8216;ash or even &#8216;stone&#8221; as a texture to recreate that object.</p>
<p>Could handheld scanning be so cheap that you can scan anything?</p>
<p><img class="alignnone" title="Handheld Scanner" src="http://www.3d-scanners-3d-software-reviews.org/scanning_archaeological_objects_3d_portable_handheld_scanner_reviews/3d_scanning_maya_archaeology_sculptures_artifacts.jpg" alt="" width="500" height="332" /></p>
<p>Handheld scanning could soon be so mainstream that you could scan your cute puppy.</p>
<p><a href="http://www.flickr.com/photos/audreyjm529/334311412/"><img class="alignnone" title="Pug" src="http://farm1.static.flickr.com/144/334311412_1884da24e8.jpg" alt="" width="500" height="375" /></a></p>
<blockquote><p><a href="http://www.flickr.com/photos/audreyjm529/334311412/">Image via flickr</a></p></blockquote>
<p>And immortalise it forever&#8230;</p>
<p><a href="http://www.flickr.com/photos/36162362@N03/3853615050/"><img class="alignnone" title="Stone Pug" src="http://farm3.static.flickr.com/2468/3853615050_0881a48a0c.jpg" alt="" width="500" height="375" /></a></p>
<blockquote><p><a href="http://www.flickr.com/photos/36162362@N03/3853615050/">Image via flickr</a></p></blockquote>
<p>Is there a business model there? Unethical? Nonsensical? One people would use?</p>
<p>What if you could send the &#8216;data&#8217; of your objects to someone as a gift and they take this into a the 3D printing equivalent of snappy snaps &#8211; 1hr later they have an object.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2010/06/14/3d-printing-memories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>onedotzero &#8211; making an open source brand identity &#8211; part 1</title>
		<link>http://www.sermad.com/2010/06/03/onedotzero-making-an-open-source-brand-identity-part-1/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=onedotzero-making-an-open-source-brand-identity-part-1</link>
		<comments>http://www.sermad.com/2010/06/03/onedotzero-making-an-open-source-brand-identity-part-1/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 10:22:24 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Random Musings]]></category>
		<category><![CDATA[onedotzero]]></category>
		<category><![CDATA[toxi]]></category>
		<category><![CDATA[wieden+kennedy]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=686</guid>
		<description><![CDATA[I was flicking through a muddle of documents and found a little presentation of how we created the onedotzero brand identity which we gave at the festival. So here is an expanded version with some reminiscing on what I think is the best piece of work I&#8217;ve ever been involved with. Assemble your A-Team I [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>I was flicking through a muddle of documents and found a little presentation of how <a href="http://www.wklondon.com/" target="_blank">we</a> created the <a href="http://vimeo.com/9518491" target="_blank">onedotzero brand identity</a> which we gave at the festival. So here is an expanded version with some reminiscing on what I think is the best piece of work I&#8217;ve ever been involved with.</p>
<blockquote><p><strong>Assemble your A-Team</strong></p></blockquote>
<p>I think it was June 2009 (it *was* June 1st), a little email pops into  my inbox &#8211; come to a quick brainstorm for a new pitch. It&#8217;ll only take a  couple of hours. So off I trot and find myself in a room with a hand  picked team (<a href="http://www.ezblaine.com/" target="_blank">Ez</a>, <a href="http://www.davidandtom.co.uk/" target="_blank">Tom</a>, <a href="http://www.davidandtom.co.uk/" target="_blank">Dave</a>, <a href="http://webponce.com/" target="_blank">Matthew</a>) being introduced to Shane and Sophie from <a href="http://www.onedotzero.com/" target="_blank">onedotzero</a>.</p>
<p>We are set a brief &#8211; Create the new brand identity for the festival on the theme of &#8216;Convergence and collaboration&#8217;. The festival identity has to work across print, motion graphics and if possible interactive. They&#8217;ll come back in two hours and we&#8217;ll present our ideas &#8211; If they like the idea we get the job. No pressure then.</p>
<p>I break out the white board doing my best &#8216;ideator&#8217; impression breaking down audience segmentation and the like.</p>
<p>1.50 minutes go by &#8211; We&#8217;ve got zip. Nada.</p>
<p>Then suddenly it all started to click. We knew onedotzero had a massive global fanbase and community, a healthy 700 or so fans on twitter and well we wanted to harness that conversation and visualise it. That was the core of the idea. We presented this back to Shane and soon after we heard we had the job.</p>
<p>So this wasn&#8217;t your typical process for creative development. The reason why it was so rapid was a few fold- As an agency we had all just come out of <a href="http://www.hyperisland.se/" target="_blank">Hyper Island</a> training. They taught us how to break down creative workshops into short intense bursts of activity. This was a pitch and time of five people is sacred so spending this thinking time in an optimised and way was essential.</p>
<p>The other major takeout from Hyper Island was that creative teams should be tailored to the task in hand. If you know your output from the briefing then you need the people who will be making those things in the first creative sessions. This might sound like a facepalm of obviousness but remember we are dealing with an ad agency used to the art director/copywriter model. This was actually a masterstroke by Rob Steiner and Tony Wallace who put the team together.</p>
<blockquote><p><strong>Friendfeed is your friend</strong></p></blockquote>
<p>Through the creative development of any idea, we build a physical wall of stimulus. This let everyone on the team (and indeed) the office see what we are upto (this is very important later).</p>
<p>Once the initial concept had been resolved, we now had the very very hard part of actually realising this. We then went through a massive discovery phase (collecting hundreds of stim images) on how to realise &#8216;kinetic typography&#8217;, conversation and metaphors around this.</p>
<p><a href="http://www.sermad.com/wp-content/uploads/2010/06/mathbutterfliesbig.jpg"><img class="alignnone size-medium wp-image-711" title="mathbutterfliesbig" src="http://www.sermad.com/wp-content/uploads/2010/06/mathbutterfliesbig-231x300.jpg" alt="" width="231" height="300" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/576611211372340.jpg"><img class="alignnone size-medium wp-image-710" title="576611211372340" src="http://www.sermad.com/wp-content/uploads/2010/06/576611211372340-190x300.jpg" alt="" width="190" height="300" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-6-copy.jpg"><img class="alignnone size-medium wp-image-706" title="Untitled-6 copy" src="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-6-copy-300x212.jpg" alt="" width="300" height="212" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-5-copy.jpg"><img class="alignnone size-medium wp-image-705" title="Untitled-5 copy" src="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-5-copy-300x212.jpg" alt="" width="300" height="212" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-4-copy.jpg"><img class="alignnone size-medium wp-image-704" title="Untitled-4 copy" src="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-4-copy-300x212.jpg" alt="" width="300" height="212" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-3-copy.jpg"><img class="alignnone size-medium wp-image-703" title="Untitled-3 copy" src="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-3-copy-300x212.jpg" alt="" width="300" height="212" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-7-copy.jpg"><img class="alignnone size-medium wp-image-702" title="Untitled-7 copy" src="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-7-copy-300x212.jpg" alt="" width="300" height="212" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-2-copy.jpg"><img class="alignnone size-medium wp-image-701" title="Untitled-2 copy" src="http://www.sermad.com/wp-content/uploads/2010/06/Untitled-2-copy-300x212.jpg" alt="" width="300" height="212" /></a></p>
<blockquote><p><strong>Collaboration &#8211; Living the idea<br />
</strong></p></blockquote>
<p>We knew pretty early on in the project that we would needed help to create some sort of &#8216;visualiser&#8217; for all this conversation. I had really wanted to work with <a href="http://postspectacular.com/" target="_blank">Karsten Schmidt</a> aka Toxi for a really long time and I knew he would be the perfect person to take the idea further. Luckily for us, he graciously accepted to collaborate with us. David talks about this moment as being defining and I think so to. We would have never succeeded without Karsten coming onboard &#8211; This was key to the project and also pretty brave of everyone to let go a little to bring him into the creative team.</p>
<blockquote><p><strong>Sketches</strong></p></blockquote>
<p>The amazingly talented <a href="http://www.notbadforagirl.com/" target="_blank">Karen Jane</a> had also now come onto the project as our superstar designer and the creative team was now complete. KJ started on a very rigorous design investigation phase and out of this came some super interesting studies of how lines start to intersect each other.</p>
<p><img class="alignnone" title="test" src="http://farm5.static.flickr.com/4065/4665983978_e3d9f5db5a_m.jpg" alt="" width="240" height="170" /> <img class="alignnone" title="test" src="http://farm5.static.flickr.com/4067/4665988318_9fc452b1e9_m.jpg" alt="" width="240" height="170" /></p>
<p>This led to one of our first &#8216;eureka&#8217; moments when she produced this little sketch.</p>
<p><img class="alignnone" title="Sketch" src="http://farm2.static.flickr.com/1303/4665991070_1e94b5e320.jpg" alt="" width="500" height="352" /></p>
<p>The metaphor of convergence was clear in the sketch, it felt a bit rigid but we all knew this was the start of a great direction. We just had to convey the &#8216;conversation&#8217; in there as everyone was clear this was core to understanding the idea.</p>
<blockquote><p><strong>Magnets</strong></p></blockquote>
<p>Karsten also started to explore use the metaphor of magnets &#8216;pulling in the conversation&#8217; as a way of visualising the strands of conversation.</p>
<p><a href="http://www.flickr.com/photos/toxi/sets/72157620899002878/"><img class="alignnone" title="Toxi sketch" src="http://farm3.static.flickr.com/2562/3722160612_c694ac7ea9.jpg" alt="" width="375" height="500" /></a></p>
<p>This led to another study in field lines.</p>
<p><a href="http://www.sermad.com/wp-content/uploads/2010/06/lacFieldLineswhole.png"><img class="alignnone size-medium wp-image-721" title="lacFieldLineswhole" src="http://www.sermad.com/wp-content/uploads/2010/06/lacFieldLineswhole-300x250.png" alt="" width="281" height="234" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/DielectricFLinesRandom.png"><img class="alignnone size-medium wp-image-726" title="DielectricFLinesRandom" src="http://www.sermad.com/wp-content/uploads/2010/06/DielectricFLinesRandom-300x300.png" alt="" width="267" height="267" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/Field_lines.gif"><img class="alignnone size-medium wp-image-727" title="Field_lines" src="http://www.sermad.com/wp-content/uploads/2010/06/Field_lines-291x300.gif" alt="" width="252" height="259" /></a><a href="http://www.sermad.com/wp-content/uploads/2010/06/bna6-hexamer-electrostatic-fieldlines-opti.jpg"> <img class="alignnone size-medium wp-image-725" title="bna6-hexamer-electrostatic-fieldlines-opti" src="http://www.sermad.com/wp-content/uploads/2010/06/bna6-hexamer-electrostatic-fieldlines-opti-300x240.jpg" alt="" width="323" height="258" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/lacFieldLineswhole.png"><img class="alignnone size-medium wp-image-721" title="lacFieldLineswhole" src="http://www.sermad.com/wp-content/uploads/2010/06/lacFieldLineswhole-300x250.png" alt="" width="314" height="263" /></a> <a href="http://www.sermad.com/wp-content/uploads/2010/06/3478381628_2244198181_o.jpg"><img class="alignnone size-medium wp-image-722" title="3478381628_2244198181_o" src="http://www.sermad.com/wp-content/uploads/2010/06/3478381628_2244198181_o-300x300.jpg" alt="" width="258" height="258" /></a></p>
<p>Some old code immediately rapidly led to some great sketches.</p>
<p><a href="http://www.flickr.com/photos/toxi/sets/72157620899002878/"><img class="alignnone" title="poles" src="http://farm3.static.flickr.com/2634/3775245577_e847cab7ef.jpg" alt="" width="500" height="281" /></a></p>
<p><a href="http://www.flickr.com/photos/toxi/sets/72157620899002878/"><img class="alignnone" title="Sketch" src="http://farm4.static.flickr.com/3558/3776050890_a1a35366fb.jpg" alt="" width="500" height="281" /></a></p>
<p>This then led to further study by KJ which stared to apply the field lines to create the lockup of the &#8216;onedotzero&#8217; logo.</p>
<p><img class="alignnone" title="Study" src="http://farm2.static.flickr.com/1287/4665399549_707d60a184.jpg" alt="" width="493" height="500" /></p>
<p>So now the basic principles of the system were set. We would take the &#8216;onedotzero&#8217; logo &#8211; break the letters down into &#8216;poles&#8217; and create a system where lines flowed over the poles. Simple really.</p>
<p><a href="http://www.flickr.com/photos/toxi/sets/72157620899002878/"><img class="alignnone" title="Sketch" src="http://farm3.static.flickr.com/2665/3911905007_5e13720c7c.jpg" alt="" width="375" height="500" /></a></p>
<blockquote><p><strong>Set the goalposts</strong></p></blockquote>
<p>The last part of the puzzle was moving into 3 Dimensions. For Karsten this was totally trivial and again very rapidly we led to the next sketch.</p>
<p><a href="http://www.flickr.com/photos/toxi/sets/72157620899002878/"><img title="3D" src="http://farm3.static.flickr.com/2536/3775248099_dfb75e6479.jpg" alt="" width="500" height="281" /></a></p>
<p>So the type is impossible read, there is no visualisation of conversation but in that we&#8217;ve got nearly all the tasks needed to push things forward. The goalposts were now set&#8230;More parts to this story soon&#8230;</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2010/06/03/onedotzero-making-an-open-source-brand-identity-part-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Capture your life in data</title>
		<link>http://www.sermad.com/2009/07/15/capture-your-life-in-data/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=capture-your-life-in-data</link>
		<comments>http://www.sermad.com/2009/07/15/capture-your-life-in-data/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 12:07:32 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=561</guid>
		<description><![CDATA[I&#8217;ve been having a few chats with people recently who are starting to dabble with Twitter &#8211; They get it great but now it has come to the point where I&#8217;m wondering how do I get them to think that it is not just a way of having a conversation. It is a transport  mechanism [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been having a few chats with people recently who are starting to dabble with Twitter &#8211; They get it great but now it has come to the point where I&#8217;m wondering how do I get them to think that it is not just a way of having a conversation.</p>
<blockquote><p>It is a transport  mechanism for carrying any sort of message &#8211; be that human conversation, computer messages, collating messages or sending messages.</p></blockquote>
<p>How can I show the value of messages?</p>
<p>My good friend <a href="http://donotremove.co.uk/" target="_blank">Mike Stenhouse</a> created <a href="http://oo5.whatiminto.com/" target="_blank">Out of five</a> &#8211; a beautifully elegant way to capture reviews. You tweet in the name of the gig/film/book with a rating (out of five) and a short review.</p>
<blockquote><p>@oo5 Coraline 4.0 simply wonderful</p></blockquote>
<p>You have a record of what you&#8217;ve experienced with a date and a way of getting at that data later (through your own rss feed). Also a brilliant social aspect kicks in as the reviews are trasmitted through twitter so if you are following a person who reviews something &#8211; you see their review and could find a way into OO5 that way. Also all the reviews collated together and you start to see other peoples reviews of the things you like &#8211; You could follow those people as they could be your influencers if you share the same tastes.</p>
<p>Nathan from <a href="http://flowingdata.com/2009/07/15/collect-data-about-yourself-with-twitter-your-flowingdata-is-live/" target="_blank">flowing data</a> has been beta testing <a href="http://your.flowingdata.com" target="_blank">your flowing data</a> for a little while and now it has launched. The mechanic to OO5 is very similar but it is more open in terms of what it records &#8211; In that you can record any metric &#8211; If you want to track your weight you just tweet -</p>
<blockquote><p>d yfd weigh 160</p></blockquote>
<p>Again all that data you send in can be extracted and the other benefit is that data visualisations can be generated straight from the site.</p>
<p><img class="alignnone" title="flowingdata" src="http://flowingdata.com/wp-content/uploads/2009/07/cloud-side-by-side.gif" alt="" width="532" height="188" /></p>
<p>Beautiful stuff.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/07/15/capture-your-life-in-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coders are the new rockstars &#8211; Data</title>
		<link>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-data/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=coders-are-the-new-rockstars-data</link>
		<comments>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-data/#comments</comments>
		<pubDate>Tue, 12 May 2009 13:01:48 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Interaction]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=448</guid>
		<description><![CDATA[Data (Any further recommendations please send my way as this list is no means definitive) Guardian &#8211; Open Platform &#8211; The entire guardian newspaper (and many years of archive material) all available to use via an API. Guardian &#8211; Data Store &#8211; An incredible resource of data &#8211; Everything from &#8216;Champagne imports&#8217; to &#8216;Swine Flu [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><strong>Data (Any further recommendations please send my way as this list is no means definitive)</strong></p>
<p><strong><a href="http://www.guardian.co.uk/open-platform" target="_blank"><strong>Guardian &#8211; Open Platform</strong></a></strong><strong> &#8211; </strong>The entire guardian newspaper (and many years of archive material) all available to use via an API.<strong></strong><strong><br />
</strong></p>
<p><a href="http://www.guardian.co.uk/data-store" target="_blank"><strong>Guardian &#8211; Data Store</strong></a><strong> &#8211; </strong>An incredible resource of data &#8211; Everything from <a href="http://spreadsheets.google.com/pub?key=phNtm3LmDZEOmnkRAARkJaQ" target="_blank">&#8216;Champagne imports&#8217;</a> to <a href="http://spreadsheets.google.com/pub?key=rFUwm_vmW6WWBA5bXNNN6ug" target="_blank">&#8216;Swine Flu cases&#8217;</a>. All available as Excel Spreadsheets.<strong><br />
</strong></p>
<p><a href="http://developer.nytimes.com/" target="_blank"><strong>New York Times</strong></a><strong> &#8211; </strong>I believe they were the first newspaper to open their content via an API.<strong><br />
</strong></p>
<p><strong><a href="http://www.diykyoto.com/uk" target="_blank"><strong>Wattson</strong></a></strong> &#8211; If you&#8217;ve ever wanted to know how much electricity you consume then the Wattson is for you &#8211; You clip it to your electricity supply and it collates all the usage info. You can then interface with the API to start to play with the data.<strong></strong><strong><br />
</strong></p>
<p><strong><a href="http://www.pachube.com/" target="_blank">Pachube</a></strong> &#8211; Taking the Wattson to a much higher level &#8211; Pachube is a dataset collated from buildings &#8211; Lots of environmental data to play with &#8211; building temperatues, humidity, lights. Building 2.0 here we come.<strong><br />
</strong></p>
<p><strong><a href="http://www.last.fm/" target="_blank">Last.FM</a> &#8211; </strong>The API has exposed a mass of user data regarding music usage.<strong><br />
</strong></p>
<p><strong><a href="http://www.flickr.com/" target="_blank">Flickr</a> -</strong> Photographs on tap with a very comprehensive API. Very well documented.<strong><br />
</strong></p>
<p><strong><a href="http://www.programmableweb.com/apis/directory/1?sort=date" target="_blank">Programmable Web</a></strong> &#8211; A great resource of APIs and datasets.</p>
<p><a href="http://www.trynt.com/" target="_blank"><strong>Trynt</strong></a> &#8211; Lots of APIs to use including an IMDB API.</p>
<p><strong><a href="http://ogdisdk.cloudapp.net/Default.aspx" target="_blank">Open Government Data</a></strong> &#8211; An initiative led by Microsoft publishing data from governments.</p>
<p><strong><a href="http://timetric.com/" target="_blank">Timetric.com</a></strong> &#8211; Lots of data with an API.</p>
<p>Check the <a href="http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars/" target="_blank">original</a> post.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-data/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Coders are the new rockstars &#8211; Tools</title>
		<link>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-tools/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=coders-are-the-new-rockstars-tools</link>
		<comments>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-tools/#comments</comments>
		<pubDate>Tue, 12 May 2009 13:01:45 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Interaction]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=450</guid>
		<description><![CDATA[Tools (Any further recommendations please send my way as this list is no means definitive) Processing &#8211; The environment of all the experts &#8211; I think processing is very easy to pick up and learn but you will need to work at writing code. The forthcoming &#8216;Beautiful Data&#8217; book might be a good way in. [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><strong>Tools (Any further recommendations please send my way as this list is no means definitive)</strong></p>
<p><a href="http://processing.org/" target="_blank"><strong>Processing</strong></a><strong> &#8211; </strong>The environment of all the experts &#8211; I think processing is very easy to pick up and learn but you will need to work at writing code. The forthcoming <a href="http://oreilly.com/catalog/9780596157111/" target="_blank">&#8216;Beautiful Data&#8217;</a> book might be a good way in.<strong><br />
</strong></p>
<p><strong><a href="http://manyeyes.alphaworks.ibm.com/manyeyes/" target="_blank">Many Eyes</a> &#8211; </strong>A very usable way to create quite straightforward datavisualisations<strong> &#8211; </strong>Created by IBM.<strong><br />
</strong></p>
<p><strong><a href="http://flare.prefuse.org/" target="_blank">Flare</a> &#8211; </strong>A set of libraries for Flash which let you prototype visualisations &#8211; you do need Flash knowledge for this.<strong><br />
</strong></p>
<p><a href="http://www.arduino.cc/" target="_blank"><strong>Arduino</strong></a> &#8211; Linking physical objects to the internet a la &#8216;Physical Internet&#8217; has really started to interest me and there is a growing crowd of people &#8216;Doing it with others&#8217; &#8211; The Arduino is a very simple to use piece of electronics that can be flashed to control devices or transmit data to the internent. Thanks to <a href="http://makezine.com/" target="_blank">Make</a> and <a href="http://www.instructables.com/" target="_blank">Instructables</a> &#8211; There has never been an easier time to break out the soldering iron and get building.</p>
<p><strong><a href="http://pipes.yahoo.com/pipes/" target="_blank">Yahoo Pipes</a> </strong>- Even non coders can start to play with data &#8211; Using Yahoo pipes you can take all sorts of data feeds and aggregate them together to manipulate them.<strong><br />
</strong></p>
<p><strong><a href="http://flowingdata.com/" target="_blank">Flowing Data</a></strong> &#8211; Nathan is a curator of data and  stats &#8211; Flowing data is a superb resource for more traditional forms of data vis. He also created <a href="http://flowingdata.com/2009/03/10/yourflowingdata-collect-data-about-yourself-via-twitter/" target="_blank">&#8216;your flowing data&#8217;</a> which is a system of capturing data through a mobile interface and twitter. Sort of like <a href="http://daytum.com/" target="_blank">daytum</a>.<strong><br />
</strong></p>
<p><strong><a href="http://serialconsign.com/" target="_blank">Serial Cosign</a></strong> -A great resource.</p>
<p><a href="http://www.visualcomplexity.com/vc/" target="_blank"><strong>Visual Complexity</strong></a> &#8211; A great resource.</p>
<p><strong><a href="http://www.infosthetics.com/" target="_blank">Infosthetics</a></strong> &#8211; A great resource.</p>
<p>Check the <a href="http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars/" target="_blank">original</a> post.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coders are the new rockstars &#8211; People</title>
		<link>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-people/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=coders-are-the-new-rockstars-people</link>
		<comments>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-people/#comments</comments>
		<pubDate>Tue, 12 May 2009 13:00:58 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Interaction]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=435</guid>
		<description><![CDATA[People (Any further recommendations please send my way as this list is no means definitive) Karsten Schmidt &#8211; Karsten is an incredible coder and designer &#8211; His &#8216;Social Collider&#8217; project with Sascha Pohflepp starts to reveal relationships between conversations on Twitter. Marius Watz &#8211; A great fine artist in his own right &#8211; Marius has [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><strong>People (Any further recommendations please send my way as this list is no means definitive)<br />
</strong></p>
<p><a href="http://postspectacular.com/" target="_blank"><strong>Karsten Schmidt</strong></a> &#8211; Karsten is an incredible coder and designer &#8211; His <a href="http://socialcollider.net/" target="_blank">&#8216;Social Collider&#8217;</a> project with <a href="http://pohflepp.com/" target="_blank">Sascha Pohflepp</a> starts to reveal relationships between conversations on Twitter.</p>
<p><a href="http://www.unlekker.net/" target="_blank"><strong>Marius Watz</strong></a> &#8211; A great fine artist in his own right &#8211; Marius has explored ways of rendering data as physical forms &#8211; his <a href="http://www.flickr.com/photos/watz/sets/72157614699033027/" target="_blank">wood etchings</a> are beautiful. When exploring visualising stock data for the <a href="http://www.flickr.com/photos/watz/sets/72157608197253021/" target="_blank">Knight Capital Group</a>, the end result have an aesthetic of an atom bomb going off. He also runs the <a href="http://www.generatorx.no/" target="_blank">generator.x</a> generative art site, <a href="http://www.vimeo.com/channels/generatorx" target="_blank">vimeo</a> and <a href="http://www.flickr.com/groups/generatorx/" target="_blank">flickr</a> groups where you can spend hours taking in the work.<strong><br />
</strong></p>
<p><strong><a href="http://sandbox.aaronkoblin.com/" target="_blank">Aaron Koblin</a></strong> &#8211; The incredibly brave and beautiful <a href="http://code.google.com/creative/radiohead/" target="_blank">Radiohead &#8216;House of Cards&#8217;</a> promo brought a lot of attention to Aaron and the data vis scene as it was generated entirely by data &#8211; Not one to rest on his laurels, he has been quietly plugging away with some bizarre subversions of the <a href="https://www.mturk.com/mturk/welcome" target="_blank">Amazon &#8216;Mechanical Turk&#8217;</a> system. <a href="http://www.tenthousandcents.com/" target="_blank">&#8216;Dollar bills&#8217;</a>, <a href="http://sandbox.aaronkoblin.com/projects/bush/index.html" target="_blank">&#8216;George Bush&#8217;</a> and even <a href="http://www.bicyclebuiltfortwothousand.com/" target="_blank">&#8216;Daisy Daisy&#8217;</a> go through the crowd sourced blender.<strong><br />
</strong></p>
<p><strong><a href="http://blog.blprnt.com/" target="_blank">Jer Thorp</a></strong> &#8211; If anyone can make beauty out of the new york times then Jer can &#8211; His use of the NY Times API as a dataset has started to reveal some inspiring visuals. If you want to get your hands dirty then there are two tutorials to play with &#8211; one for the <a href="http://blog.blprnt.com/blog/blprnt/processing-json-the-new-york-times" target="_blank">NY Times</a> and one for the <a href="http://www.guardian.co.uk/open-platform/blog/the-truth-is-in-there" target="_blank">Guardian</a>. His recent work <a href="http://blog.blprnt.com/blog/blprnt/just-landed-processing-twitter-metacarta-hidden-data" target="_blank">&#8216;Just Landed&#8217;</a> shows how twitter can be mapped to location.</p>
<p><strong><span class="menu"><a href="http://www.number27.org/" target="_blank">Jonathan Harris</a> / <a href="http://www.kamvar.org/" target="_blank">Sep Kamvar</a></span></strong><span class="menu"> &#8211; Gleaning emotion and sentiment from the internet and displaying this is a damn hard thing. Making an emotive art piece out of this mass of information is even harder and Jon and Sep continually do this. <a href="http://kamvar.org/we_feel_fine" target="_blank">&#8216;We Feel Fine&#8217;</a> and<a href="http://kamvar.org/i_want_you_to_want_me" target="_blank"> &#8216;I Want You To Be Me&#8217;</a> are two examples of how they visualise emotion scraped from the ether.<br />
</span></p>
<p><span class="menu"><strong><a href="http://advancedbeauty.org/blog/" target="_blank">Advanced Beauty</a></strong> &#8211; <a href="http://universaleverything.com/" target="_blank">Matt Pyke</a> curated twenty motion pieces exploring &#8216;</span>synasthesia<span class="menu">&#8216; &#8211; visualisaing sound. Many of the pieces are based on generative art processes and are showcases for cutting edge motion graphics artists.<br />
</span></p>
<p><strong><a href="http://www.jasonbruges.com/" target="_blank"><strong>Jason Bruges</strong></a></strong><strong> &#8211; </strong>Jason Bruges heads up an architectural design studio exploring visualising data created in realtime by physical interaction.<strong></strong><strong> </strong>Some very simple interactions such as <a href="http://www.jasonbruges.com/projects/uk-projects/wind-to-light" target="_blank">wind powering lights</a> or displaying the <a href="http://www.jasonbruges.com/projects/uk-projects/recall">latent imprint of lift usage</a> by hacking into the building lift interface<strong> &#8211; </strong>Very exciting stuff.<strong></strong><strong><br />
</strong></p>
<p><strong><a href="http://benfry.com/writing/" target="_blank">Ben Fry</a></strong> &#8211; In my opinion one of the founding fathers of modern data vis and co-created <a href="http://processing.org/" target="_blank">processing</a> &#8211; His body of work is staggering and he currently heads up the <a href="http://seedmediagroup.com/visualization/" target="_blank">Seed Media Group</a>.<strong><br />
</strong></p>
<p><strong><a href="http://reas.com/blog/" target="_blank">Casey Reas</a></strong> &#8211; Also co-created <a href="http://processing.org/" target="_blank">processing</a> with <a href="http://benfry.com/writing/" target="_blank">Ben Fry</a> and has exhibited many generative art pieces in traditional gallery spaces.<strong><br />
</strong></p>
<p><a href="http://www.flight404.com/blog/" target="_blank"><strong>Robert Hodgin</strong></a><strong> </strong>- I&#8217;ve been a massive fan of Robert for more years than I can remember as he is a leading experimental flash designer and coder. He creates pure beautiful eye candy.<strong><br />
</strong></p>
<p><strong><a href="http://www.flong.com/blog/" target="_blank">Golan Levin</a></strong> &#8211; Another artists exploring visualising emotions &#8211; <a href="http://www.flong.com/projects/dumpster/" target="_blank">&#8216;The Dumpster&#8217;</a> was a great piece. It scanned the internet for comments about relationships breaking and then visualised them. His physical interaction pieces are hilarious &#8211; check <a href="http://www.flong.com/projects/snout/" target="_blank">&#8216;Snout&#8217;</a>.<strong><br />
</strong></p>
<p><strong><a href="http://www.earstudio.com/index.html" target="_blank">Ear Studio</a> &#8211; </strong>I first encountered &#8216;Listening Post&#8217; last year at the <a href="http://www.sciencemuseum.org.uk/visitmuseum/galleries/listening_post.aspx" target="_blank">Science Museum</a> &#8211; it was hidden in a dark corner and it was just transfixing &#8211; It was a bank of small screens that spoke back snippets from the millions of posts on chat rooms across the internet &#8211; effectively giving the internet a spooky synthesised voice.<strong><br />
</strong></p>
<p><strong><a href="http://www.uva.co.uk/" target="_blank">UVA</a> &#8211; </strong>A great design studio playing with light, sound, space and architecture.<strong><br />
</strong></p>
<p><strong><a href="http://www.marcuswendt.com/" target="_blank">Marcus Wendt</a></strong> &#8211; Marcus and the field.io team are not classical data vis but they are doing some stunning generative artworks.</p>
<p><strong><a href="http://www.pitchinteractive.com/beta/index.php" target="_blank">Pitch Interactive</a> &#8211; </strong>A really interesting interactive design agency doing some some great vis work.</p>
<p>Check the <a href="http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars/" target="_blank">original</a> post.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-people/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coders are the new rockstars</title>
		<link>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=coders-are-the-new-rockstars</link>
		<comments>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars/#comments</comments>
		<pubDate>Tue, 12 May 2009 12:00:27 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Interaction]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=418</guid>
		<description><![CDATA[If &#8216;Data visualisation is the new rock’n&#8217;roll&#8217; then coders are the new rockstars. Code for me is natural &#8211; I&#8217;ve been playing for quite a few years but I was never really into exploring data visualisation &#8211; Mid last year I was fortunate enough to be given a dream project and I produced the &#8216;Beautiful [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>If <a href="http://www.madebymany.co.uk/data-visualisation-is-the-new-rocknroll-001044" target="_blank">&#8216;Data visualisation is the new rock’n&#8217;roll&#8217;</a> then coders are the new rockstars. Code for me is natural &#8211; I&#8217;ve been playing for quite a few years but I was never really into exploring data visualisation &#8211; Mid last year I was fortunate enough to be given a dream project and I produced the <a href="http://www.nokia.co.uk/e71" target="_blank">&#8216;Beautiful Connections&#8217;</a> campaign for Nokia which explored visualising the beauty of everyday conversation.</p>
<p>This allowed me to reconnect with a lot of people I had admired from afar as we used data visualisation, generative art, motion and code to start to explore this space &#8211; honestly we&#8217;ve got a lot more exploration to do. So in my travels I worked with some exceptional people and also made contact with a whole scene and started to see the &#8216;scenes within the scenes&#8217;.</p>
<p>I don&#8217;t believe that data visualisation is just the expression of a static data set in a graphical way to try and glean an insight &#8211; To me it is taking any data set &#8211; static or realtime and expressing this is <strong>any</strong> other way in <strong>any</strong> medium.</p>
<p>So lets talk about people (who I think are exploring interesting visualisations with code and interaction), data (what datasets are out there to use), and tools (how to get your hands dirty).</p>
<p><a href="http://www.sermad.com/2009/05/11/coders-are-the-new-rockstars-people/" target="_blank"><strong>People</strong></a></p>
<p><a href="http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-data/" target="_blank"><strong>Data</strong></a></p>
<p><a href="http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars-tools/" target="_blank"><strong>Tools</strong></a></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/05/12/coders-are-the-new-rockstars/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kinetica Art Fair</title>
		<link>http://www.sermad.com/2009/02/25/kinetica-art-fair/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=kinetica-art-fair</link>
		<comments>http://www.sermad.com/2009/02/25/kinetica-art-fair/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 12:35:39 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Data Vis]]></category>
		<category><![CDATA[Installation]]></category>
		<category><![CDATA[Interaction]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=231</guid>
		<description><![CDATA[Interactive installation work is really becoming really interesting of late as more brands commision work and more design studios are born out of the frustration of working in one medium &#8211; really blurring the lines between art/architecture/design/interaction. A great way to introduce yourself to this world is with the upcoming Kinetica Art Fair. Kinetica Art [...]


Related posts:<ol><li><a href='http://www.sermad.com/2010/02/08/kinetica-art-fair-and-cybernetic-serendipity/' rel='bookmark' title='Permanent Link: Kinetica Art Fair and Cybernetic Serendipity'>Kinetica Art Fair and Cybernetic Serendipity</a> <small>The Kinetica Art Fair was on over the weekend and...</small></li>
<li><a href='http://www.sermad.com/2009/08/16/london-underground-classics-enid-marx/' rel='bookmark' title='Permanent Link: London Underground Classics &#8211; Enid Marx'>London Underground Classics &#8211; Enid Marx</a> <small>The london underground might be derided as a creaking, rickety...</small></li>
</ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Interactive installation work is really becoming really interesting of late as more brands commision work and more design studios are born out of the frustration of working in one medium &#8211; really blurring the lines between art/architecture/design/interaction. A great way to introduce yourself to this world is with the upcoming Kinetica Art Fair.</p>
<p>Kinetica Art Fair is developed by Kinetica Museum in partnership with P3 and supported by the Contemporary Art Society.</p>
<p>More than 25 galleries and organisations specialising in kinetic, electronic and new media art are taking part with over 150 exhibiting artists. The Fair will be like no other with living, moving, speaking and performing art.</p>
<p>The Fair provides unparalleled opportunities for the public and collectors alike to view and buy work from this thriving international movement and to participate in the programme of talks, workshops and performances.</p>
<p>It&#8217;s on from friday 27th -&gt; monday 2nd in London town and the lineup of speakers and performances looks great.</p>
<p><a href="http://www.kinetica-artfair.com/">www.kinetica-artfair.com</a></p>
<p><a href="http://www.kinetica-artfair.com/"><img class="alignnone size-full wp-image-232" title="kinetica" src="http://www.sermad.com/wp-content/uploads/2009/02/kinetica.jpg" alt="kinetica" width="600" height="432" /></a></p>


<p>Related posts:<ol><li><a href='http://www.sermad.com/2010/02/08/kinetica-art-fair-and-cybernetic-serendipity/' rel='bookmark' title='Permanent Link: Kinetica Art Fair and Cybernetic Serendipity'>Kinetica Art Fair and Cybernetic Serendipity</a> <small>The Kinetica Art Fair was on over the weekend and...</small></li>
<li><a href='http://www.sermad.com/2009/08/16/london-underground-classics-enid-marx/' rel='bookmark' title='Permanent Link: London Underground Classics &#8211; Enid Marx'>London Underground Classics &#8211; Enid Marx</a> <small>The london underground might be derided as a creaking, rickety...</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/02/25/kinetica-art-fair/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Datamoshing</title>
		<link>http://www.sermad.com/2009/02/23/datamoshing/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=datamoshing</link>
		<comments>http://www.sermad.com/2009/02/23/datamoshing/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 11:17:59 +0000</pubDate>
		<dc:creator>Sermad</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Data Vis]]></category>

		<guid isPermaLink="false">http://www.sermad.com/?p=212</guid>
		<description><![CDATA[When you think you&#8217;ve seen it all, along comes a visual technique that really makes you sit up and take notice. &#8216;Datamoshing&#8217; with its seriously terrible moniker, hit the mainstream recently with the new Kayne West &#8216;Welcome to heartbreak&#8217; video.  It breaks in from black into this riot of colour that is so blocky and [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>When you think you&#8217;ve seen it all, along comes a visual technique that really makes you sit up and take notice. &#8216;Datamoshing&#8217; with its seriously terrible moniker, hit the mainstream recently with the new <a href="http://www.youtube.com/watch?v=8phbt6ygV_k">Kayne West &#8216;Welcome to heartbreak&#8217;</a> video.  It breaks in from black into this riot of colour that is so blocky and compressed you think that youtube is actually broken. But it isn&#8217;t. It is the intent of the director who employs this techique of glitching out the video and blending the motion together to create something quite mesmerising.</p>
<p><a href="http://www.youtube.com/watch?v=8phbt6ygV_k"><img class="alignnone size-full wp-image-213" title="kayne1" src="http://www.sermad.com/wp-content/uploads/2009/02/kayne1.jpg" alt="kayne1" width="538" height="244" /></a></p>
<p>But this effect isn&#8217;t new. It is very very very old. If you&#8217;ve every played a divx video without the right codec installed, you get these compression artifacts because your computer doesn&#8217;t understand how to render the video.  I&#8217;ve seen it many times when you skip through a video and the frames start to &#8216;blend&#8217; together, but never investigated if some bright spark had applied it in some creative way. Well, with the Kayne video coming to light, a lot of the design blogs are point towards <a href="http://www.davidoreilly.com/2009/02/datamoshing-is-so-over">David OReilly</a> as being one of the first artists/directors to intentionally glitch video.</p>
<p><a href="http://vimeo.com/2564771"><img class="alignnone size-full wp-image-219" title="oreilly" src="http://www.sermad.com/wp-content/uploads/2009/02/oreilly.jpg" alt="oreilly" width="538" height="244" /></a></p>
<p>After immersing myself in the world of compression glitching I&#8217;m really loving how this technique instantly puts you on edge and unsettles you.  Taking it further and glitching the edits or blowing the compression so much you can&#8217;t actually tell what you are looking at really makes you look harder. A brilliant way to subvert the medium.</p>
<p><a href="http://www.youtube.com/watch?v=3yufq2FGVeY&amp;feature=channel_page"><img class="alignnone size-full wp-image-214" title="chairlift" src="http://www.sermad.com/wp-content/uploads/2009/02/chairlift.jpg" alt="chairlift" width="538" height="244" /></a></p>
<p>Chairlift &#8211; Evident Utenstil</p>
<p><a href="http://www.youtube.com/watch?v=BO-75PGlIYc&amp;eurl=http://createdigitalmotion.com/2009/02/18/data-moshing-the-online-videos-my-god-its-full-of-glitch/"><img class="alignnone size-full wp-image-217" title="pulsate" src="http://www.sermad.com/wp-content/uploads/2009/02/pulsate.jpg" alt="pulsate" width="538" height="244" /></a></p>
<p>iuoterwpfg;kjlsaohpivoaipgljk;lakjfg;ha;flgkweoir</p>
<p><a href="http://www.youtube.com/watch?v=p-Q_sGBlDEc&amp;feature=channel_page"><img class="alignnone size-full wp-image-221" title="angykitty" src="http://www.sermad.com/wp-content/uploads/2009/02/angykitty.jpg" alt="angykitty" width="538" height="244" /></a></p>
<p>Angy Kitty</p>
<p>References -</p>
<p><a href="http://shapeandcolour.wordpress.com/2009/02/18/datamoshing-kanye-west-nabil-elderkin-welcome-to-heartbreak-chairlift-ray-tintori-evident-utensil/">Shape + Colour</a></p>
<p><a href="http://createdigitalmotion.com/2009/02/18/data-moshing-the-online-videos-my-god-its-full-of-glitch/">Create Digital Motion</a></p>
<p><a href="http://motionographer.com/2009/02/19/tintori-and-nabil-breaking-your-internets/">Motiongrapher</a></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.sermad.com/2009/02/23/datamoshing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
