<?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>Datavisualization.ch &#187; Animation</title> <atom:link href="http://datavisualization.ch/tag/animation/feed" rel="self" type="application/rss+xml" /><link>http://datavisualization.ch</link> <description>Datavisualization.ch is the premier news and knowledge resource for data visualization and infographics.</description> <lastBuildDate>Tue, 07 Sep 2010 05:02:49 +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>24h of Traffic Evolution in Lisbon</title><link>http://datavisualization.ch/showcases/24h-of-traffic-evolution-in-lisbon</link> <comments>http://datavisualization.ch/showcases/24h-of-traffic-evolution-in-lisbon#comments</comments> <pubDate>Mon, 29 Mar 2010 07:30:53 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Map]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=5030</guid> <description><![CDATA[Pedro Miguel Cruz has published some videos of his master thesis  in information visualization and interaction design at DEI/FBA. The visualizations displays the traffic evolution in Lisbon during 24h.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/24h-of-traffic-evolution-in-lisbon' title='24h of Traffic Evolution in Lisbon' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2010/03/24h_of_traffic_evolution_00.png' title='24h of Traffic Evolution in Lisbon' alt='24h of Traffic Evolution in Lisbon' /></a><p>Pedro Miguel Cruz has published some videos of his <a
title="Traffic in Lisbon condensed in one day" href="http://mondeguinho.com/master/" target="_blank">master thesis</a> in information visualization and  interaction design at <a
href="http://www.dei.uc.pt/">DEI</a>/<a
href="http://www.fba.pt/">FBA</a>. The visualizations displays the traffic evolution in Lisbon during 24h.</p><p>Pedro has created a plethora of visual representations of the same data, each with a different visual style to focus on a variety of aspects of the data. These aspects include traffic speed, density and areas of traffic jams. The video below is a combination of some of these aspects and can be seen as the conclusion of the series.</p><p><img
class="alignnone size-full wp-image-5033" title="24h of Traffic Evolution Clots" src="http://datavisualization.ch/wp-content/uploads/2010/03/24h_of_traffic_evolution_02.png" alt="24h of Traffic Evolution Clots" width="710" height="710" /><img
class="alignnone size-full wp-image-5034" title="24h of Traffic Evolution Pen &amp; Paper" src="http://datavisualization.ch/wp-content/uploads/2010/03/24h_of_traffic_evolution_03.png" alt="24h of Traffic Evolution Pen &amp; Paper" width="710" height="710" /><img
class="alignnone size-full wp-image-5035" title="24h of Traffic Evolution Conclusion" src="http://datavisualization.ch/wp-content/uploads/2010/03/24h_of_traffic_evolution_04.png" alt="24h of Traffic Evolution Conclusion" width="710" height="710" /><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="709" height="709" 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=10218235&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ee0011&amp;fullscreen=1" /><embed
type="application/x-shockwave-flash" width="709" height="709" src="http://vimeo.com/moogaloop.swf?clip_id=10218235&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ee0011&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><span
class="read_on">Via <a
title="Visualizing the Daily Traffic Patterns in Lisbon" href="http://infosthetics.com/archives/2010/03/visualizing_the_daily_traffic_patterns_in_lisbon.html" target="_blank">Information Aesthetics</a></span></p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/24h-of-traffic-evolution-in-lisbon/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>IBM Data Anthem</title><link>http://datavisualization.ch/showcases/ibm-data-anthem</link> <comments>http://datavisualization.ch/showcases/ibm-data-anthem#comments</comments> <pubDate>Mon, 22 Mar 2010 22:50:20 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Advertising]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Processing]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=4992</guid> <description><![CDATA[James Frost, director of the popular music video clip "House Of cards" by Radiohead was approached by Ogilvy &#038; Mather NY to direct the new spot for the IBM Smarter Planet campaign. The result is is a stunning journey through an invironment of raw data.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/ibm-data-anthem' title='IBM Data Anthem' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2010/03/data_anthem_001.png' title='IBM Data Anthem' alt='IBM Data Anthem' /></a><p><a
title="Zoo Films" href="http://www.zoofilm.net/zoo.html" target="_blank">James Frost</a>, director of the popular music video clip &#8220;House of Cards&#8221; by Radiohead among others was approached by <a
href="http://www.ogilvy.com/" target="_blank">Ogilvy &amp; Mather NY</a> to direct the new spot for the <a
title="IBM Smarter Planet" href="http://www.ibm.com/smarterplanet/us/en/" target="_blank">IBM Smarter Planet</a> campaign. The result is is a stunning journey through an invironment of raw data.</p><blockquote><p><strong>James Frost, Zoo Films:</strong><br
/> When Ogilvy New York approached me with the concept for the spot, I  was immediately interested as it was an opportunity to take everything  I&#8217;d learnt from the Radiohead House of Card video I made and explore the  different techniques possible with 3D scanning. The Radiohead project  was showing data in its purest form &#8211; it had a distinctive look and feel  and was very much exactly how I saw it for the song, where as with IBM  we wanted build a world which was created from data and within this  world show how data exists.</p></blockquote><p>The Smart Planet campaign focuses on how organizations around the world  are  going about the business of actually building it.  One of the  pillars of  building a smarter planet is the emergence of data and the  ability to  harness it for answers to our biggest problems. With the  current campaign, they wanted to educate  business leaders on the  importance of data, provide some context for its  proliferation, and  suggest the enormous opportunities that lie within  it.</p><p><img
class="alignnone size-full wp-image-4997" title="IBM Data Anthem 02" src="http://datavisualization.ch/wp-content/uploads/2010/03/data_anthem_02.png" alt="" width="710" height="322" /><img
class="alignnone size-full wp-image-4998" title="IBM Data Anthem 03" src="http://datavisualization.ch/wp-content/uploads/2010/03/data_anthem_03.png" alt="" width="710" height="322" /><img
class="alignnone size-full wp-image-4999" title="IBM Data Anthem 04" src="http://datavisualization.ch/wp-content/uploads/2010/03/data_anthem_04.png" alt="" width="710" height="322" /><img
class="alignnone size-full wp-image-5000" title="IBM Data Anthem 05" src="http://datavisualization.ch/wp-content/uploads/2010/03/data_anthem_05.png" alt="" width="710" height="322" /><img
class="alignnone size-full wp-image-5001" title="IBM Data Anthem 06" src="http://datavisualization.ch/wp-content/uploads/2010/03/data_anthem_06.png" alt="" width="710" height="322" /><br
/> <object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="709" height="399" 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=10361639&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ee0011&amp;fullscreen=1" /><embed
type="application/x-shockwave-flash" width="709" height="399" src="http://vimeo.com/moogaloop.swf?clip_id=10361639&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ee0011&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/ibm-data-anthem/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Smart Animation for IBM Smarter Planet</title><link>http://datavisualization.ch/showcases/smart-animation-for-ibm-smarter-planet</link> <comments>http://datavisualization.ch/showcases/smart-animation-for-ibm-smarter-planet#comments</comments> <pubDate>Tue, 02 Mar 2010 21:24:48 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Economics]]></category> <category><![CDATA[Infographics]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=4759</guid> <description><![CDATA[With graphical cleverness resembling the early posters by Paul Rand, IBM has produced a series of short animated infographics explaining the ideas behind their Smarter Planet initiative. The distinct look and the simplicity make the microsite a joyful visit.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/smart-animation-for-ibm-smarter-planet' title='Smart Animation for IBM Smarter Planet' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2010/03/ibm_smarter_planet_00.png' title='Smart Animation for IBM Smarter Planet' alt='Smart Animation for IBM Smarter Planet' /></a><p>With graphical cleverness resembling the early posters by <a
title="Paul Rand Posters" href="http://www.paul-rand.com/index.php/site/posters/" target="_blank">Paul Rand</a> (remember eye-bee-m?), IBM has produced <a
title="IBM Smarter Planet" href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos" target="_blank">a series of short animated infographics</a> explaining the ideas behind their Smarter Planet initiative. The distinct look and the simplicity make the microsite a joyful visit.</p><p><a
href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos"><img
class="alignnone size-large wp-image-4765" title="IBM Smarter Planet Videostill 01" src="http://datavisualization.ch/wp-content/uploads/2010/03/ibm_smarter_planet_02-710x390.png" alt="IBM Smarter Planet Videostill 01" width="710" height="390" /></a><a
href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos"><img
class="alignnone size-large wp-image-4766" title="IBM Smarter Planet Videostill 02" src="http://datavisualization.ch/wp-content/uploads/2010/03/ibm_smarter_planet_03-710x390.png" alt="IBM Smarter Planet Videostill 02" width="710" height="390" /></a><a
href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos"><img
class="alignnone size-large wp-image-4767" title="IBM Smarter Planet Videostill 03" src="http://datavisualization.ch/wp-content/uploads/2010/03/ibm_smarter_planet_04-710x390.png" alt="IBM Smarter Planet Videostill 03" width="710" height="390" /></a><a
href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos"><img
class="alignnone size-large wp-image-4768" title="IBM Smarter Planet Videostill 04" src="http://datavisualization.ch/wp-content/uploads/2010/03/ibm_smarter_planet_05-710x390.png" alt="IBM Smarter Planet Videostill 04" width="710" height="390" /></a><a
href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos"><img
class="alignnone size-large wp-image-4769" title="IBM Smarter Planet Videostill 05" src="http://datavisualization.ch/wp-content/uploads/2010/03/ibm_smarter_planet_06-710x390.png" alt="IBM Smarter Planet Videostill 05" width="710" height="390" /></a></p><p
class="source">Visit the <a
href="http://www-03.ibm.com/innovation/us/smarterplanet/index.shtml#/midsized_business/engines/-/videos/explore_the_engines_of_a_smarter_planet">IBM &#8211; Smarter Planet Website</a></p><p
class="source">(Sorry for the poor quality of images. If you have access to higher  quality ones, please let me know.)</p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/smart-animation-for-ibm-smarter-planet/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Visualizing Empires Decline</title><link>http://datavisualization.ch/showcases/visualizing-empires-decline</link> <comments>http://datavisualization.ch/showcases/visualizing-empires-decline#comments</comments> <pubDate>Mon, 16 Nov 2009 09:31:56 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[BubbleChart]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=4028</guid> <description><![CDATA[Pedro M. Cruz has published a small experiment about springs and soft bodies in data visualization. The animated visualization shows the evolution of the top 4 maritime empires of the XIX and XX centuries by extent.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/visualizing-empires-decline' title='Visualizing Empires Decline' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/11/decline_of_empires_00.png' title='Visualizing Empires Decline' alt='Visualizing Empires Decline' /></a><p>Pedro M. Cruz has published a <a
title="Visualizing empires decline on Vimeo" href="http://vimeo.com/6437816">small experiment</a> about springs and soft bodies in data visualization. The animated visualization shows the evolution of the top 4 maritime empires of the XIX and XX centuries by extent.</p><p><img
class="alignnone size-full wp-image-4031" title="decline_of_empires_01" src="http://www.datavisualization.ch/wp-content/uploads/2009/11/decline_of_empires_01.png" alt="decline_of_empires_01" width="710" height="360" /><img
class="alignnone size-full wp-image-4032" title="decline_of_empires_02" src="http://www.datavisualization.ch/wp-content/uploads/2009/11/decline_of_empires_02.png" alt="decline_of_empires_02" width="710" height="360" /></p><p>The empires are represented by circles and as parts of the empire become independent they split away. Thus the size of the bubbles shrink over time. While the animation is rather playful than informative the concept of showing the decline in this way seems to have some potential. Pedro is well aware that there&#8217;s space for improvements.<br
/> He notes:</p><blockquote><p>…as the visuals are not very sophisticated or elegant, and the way that the information is treated doesn’t enable the extraction of advanced knowledge. Although, it works very well as a ludic narrative. I ultimately found it very joyful.</p></blockquote><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="709" height="399" 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=6437816&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0022&amp;fullscreen=1" /><embed
type="application/x-shockwave-flash" width="709" height="399" src="http://vimeo.com/moogaloop.swf?clip_id=6437816&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0022&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><span
class="source read_on">Read more about the experiment on Pedro&#8217;s <a
href="http://mondeguinho.com/master/visual-experiments/visualizing-empires">Master Thesis blog</a></span></p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/visualizing-empires-decline/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Ambient Life – Animated Vision of the Future</title><link>http://datavisualization.ch/showcases/ambient-life</link> <comments>http://datavisualization.ch/showcases/ambient-life#comments</comments> <pubDate>Thu, 12 Nov 2009 22:20:07 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Infographics]]></category> <category><![CDATA[Video]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=3989</guid> <description><![CDATA[Martijn Hogenkamp from the QBF created an animated video using infographics to explain a world in which information and communication technology render one's surroundings into a thinking and caring environment.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/ambient-life' title='Ambient Life – Animated Vision of the Future' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/11/ambient_life_00.png' title='Ambient Life – Animated Vision of the Future' alt='Ambient Life – Animated Vision of the Future' /></a><p>Freeband Communication and IIPIC share a vision of the future: a world in which information and communication technology render one&#8217;s surroundings into a <strong>thinking</strong> and <strong>caring</strong> environment. <a
href="http://www.theqbf.com/?p=welcome">Martijn Hogenkamp</a> from the QBF created an animated video using infographics to explain the vast quantities of data.</p><p><img
src="http://www.datavisualization.ch/wp-content/uploads/2009/11/ambient_life_031.png" alt="ambient_life_03" title="ambient_life_03" width="710" height="355" class="alignnone size-full wp-image-3996" /><img
src="http://www.datavisualization.ch/wp-content/uploads/2009/11/ambient_life_011.png" alt="ambient_life_01" title="ambient_life_01" width="710" height="355" class="alignnone size-full wp-image-3994" /><img
src="http://www.datavisualization.ch/wp-content/uploads/2009/11/ambient_life_022.png" alt="ambient_life_02" title="ambient_life_02" width="710" height="355" class="alignnone size-full wp-image-3997" /></p><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="709" height="399" 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=7459305&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0022&amp;fullscreen=1" /><embed
type="application/x-shockwave-flash" width="709" height="399" src="http://vimeo.com/moogaloop.swf?clip_id=7459305&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0022&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><span
class="source read_on"><a
href="http://www.theqbf.com/?p=project&#038;id=theambientlife">The QBF » Freeband · The Ambient Life</a><br
/> via <a
href="http://lookslikegooddesign.com/freeband-animation-the-qbf/" target="_blank">LooksLikeGoodDesign</a></span></p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/ambient-life/feed</wfw:commentRss> <slash:comments>15</slash:comments> </item> <item><title>Playful audio-based animation with Concave Scream</title><link>http://datavisualization.ch/showcases/playful-audio-based-animation-with-concave-scream</link> <comments>http://datavisualization.ch/showcases/playful-audio-based-animation-with-concave-scream#comments</comments> <pubDate>Thu, 10 Sep 2009 08:00:35 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Audio]]></category> <category><![CDATA[Flash]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=3485</guid> <description><![CDATA[Concave Scream is a promotional website that recently caught my eye. It presents indie band Concave Scream’s latest instrumental album "Soundtrack for a book". The Flash based applet is a playfull visualization of various book covers.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/playful-audio-based-animation-with-concave-scream' title='Playful audio-based animation with Concave Scream' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/09/concave_scream_02.png' title='Playful audio-based animation with Concave Scream' alt='Playful audio-based animation with Concave Scream' /></a><p><a
href="http://www.concavescream.com">Concave Scream</a> is a promotional website that recently caught my eye. It presents indie band Concave Scream’s latest instrumental album &#8220;Soundtrack for a book&#8221;. The Flash based applet is a playfull visualization of various book covers.</p><p><img
class="alignnone size-full wp-image-3486" title="concave_scream_01" src="http://www.datavisualization.ch/wp-content/uploads/2009/09/concave_scream_01.png" alt="concave_scream_01" width="710" height="225" /></p><p><img
class="alignnone size-full wp-image-3487" title="concave_scream_03" src="http://www.datavisualization.ch/wp-content/uploads/2009/09/concave_scream_03.png" alt="concave_scream_03" width="710" height="225" /></p><p>The user can interact with the visualization just by moving the mouse, draging the cover and destorting the image based on the position of the mouse on the y-Axis. Beside the direct manipulation the user can interact with the animation with a small set of controls. Switching on/off audio based animation and auto-rotation or changing parameters like zoom, contrast and so on.</p><p>Although not information visualization by definition but this small applet is worth a look non the less.<br
/> The website was created by <a
href="http://www.kinetic.com.sg/">Kinetic</a>.</p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/playful-audio-based-animation-with-concave-scream/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Poetic Audio Display</title><link>http://datavisualization.ch/showcases/poetic-audio-display</link> <comments>http://datavisualization.ch/showcases/poetic-audio-display#comments</comments> <pubDate>Mon, 17 Aug 2009 22:21:55 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Audio]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=2928</guid> <description><![CDATA[Inspired by the music of Olafur Arnalds, Esteban Diácono created this little video gem entitled "let yourself feel". It's an animation based on the underlying audio along with some inspiring quotes from various sources.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/poetic-audio-display' title='Poetic Audio Display' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/08/let_yourself_feel.png' title='Poetic Audio Display' alt='Poetic Audio Display' /></a><p>Inspired by the music of <a
title="Olafur Arnalds on MySpace" href="Olafur Arnalds.">Olafur Arnalds</a>, <a
href="http://www.estebandiacono.tv/">Esteban Diácono</a> created this little video gem entitled &#8220;<strong>let yourself feel</strong>&#8220;. It&#8217;s an animation based on the underlying audio along with some inspiring quotes from various sources.</p><p><object
width="709" height="399"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6045312&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0022&amp;fullscreen=1" /><embed
src="http://vimeo.com/moogaloop.swf?clip_id=6045312&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0022&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="709" height="399"></embed></object></p><p><span
class="source read_on">Via <a
href="http://www.rubbishcorp.com/">Rubbishcorp</a></span><br
/> <span
class="source read_on">See more videos we enjoy on our <a
href="http://vimeo.com/channels/datavisualization/">Vimeo Channel</a></span></p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/poetic-audio-display/feed</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Lovely animated 3D Infographics</title><link>http://datavisualization.ch/showcases/lovely-animated-3d-infographics</link> <comments>http://datavisualization.ch/showcases/lovely-animated-3d-infographics#comments</comments> <pubDate>Fri, 31 Jul 2009 13:19:55 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Infographics]]></category> <category><![CDATA[Video]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=2746</guid> <description><![CDATA[This is a spot created by Hellmann’s along with Sons and Daughters director Steve Gordon for the Hellmann's site eatrealeatlocal.ca]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/lovely-animated-3d-infographics' title='Lovely animated 3D Infographics' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/07/hellman_spot_00.jpg' title='Lovely animated 3D Infographics' alt='Lovely animated 3D Infographics' /></a><p>This is a spot created by Hellmann’s along with Sons and Daughters director Steve Gordon for the Hellmann&#8217;s site eatrealeatlocal.ca</p><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="709" height="408" 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=5477517&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ff0022&amp;fullscreen=1" /><embed
type="application/x-shockwave-flash" width="709" height="408" src="http://vimeo.com/moogaloop.swf?clip_id=5477517&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ff0022&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><span
class="read_on source">Hat tip to <a
href="http://coolinfographics.blogspot.com/2009/07/hellmanns-its-time-for-real-infographic.html">Cool Infographics</a> and <a
href="http://wehrintheworld.blogspot.com/">Wehr in the World</a></span></p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/lovely-animated-3d-infographics/feed</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>NYT explains the danger of digging deeper</title><link>http://datavisualization.ch/showcases/ny-times-explains-the-danger-of-digging-deeper</link> <comments>http://datavisualization.ch/showcases/ny-times-explains-the-danger-of-digging-deeper#comments</comments> <pubDate>Wed, 24 Jun 2009 22:22:06 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[3D]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Heatmap]]></category> <category><![CDATA[Infographics]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=2523</guid> <description><![CDATA[James Glanz from the new NY Times has published an article about the earthquake risk posed by a geothermal dig. While the article is well written and comprehensive the animated explanations using information graphics and data mapping does an excellent job in communicating the technical essence of the article in a fraction of the time.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/ny-times-explains-the-danger-of-digging-deeper' title='NYT explains the danger of digging deeper' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/06/diggingdeep_00.png' title='NYT explains the danger of digging deeper' alt='NYT explains the danger of digging deeper' /></a><p>James Glanz from the new <a
href="http://www.nytimes.com/">NY Times</a> has published <a
title="Deep in Bedrock, Clean Energy and Quake Fears" href="http://www.nytimes.com/2009/06/24/business/energy-environment/24geotherm.html?_r=1">an article</a> about the earthquake risk posed by a geothermal dig. While the article is well written and comprehensive the <a
title="The Danger of Digging Deeper" href="http://www.nytimes.com/interactive/2009/06/23/us/Geothermal.html">animated explanations</a> using information graphics and data mapping does an excellent job in communicating the technical essence of the article in a fraction of the time it takes to read the article itself. &#8220;Interactive&#8221; is somewhat misleading as the application simply is a movie with a visual timeline and meta data to the discussed subject.</p><p><img
class="alignnone size-full wp-image-2525" title="diggingdeep_01" src="http://www.datavisualization.ch/wp-content/uploads/2009/06/diggingdeep_01.png" alt="diggingdeep_01" width="710" height="374" /><img
class="alignnone size-full wp-image-2526" title="diggingdeep_02" src="http://www.datavisualization.ch/wp-content/uploads/2009/06/diggingdeep_02.png" alt="diggingdeep_02" width="710" height="374" /></p><p>The application is a great complement to the actual article and provides an intuitive way to earn a technological overview over the discussed topic using heatmaps, map plotts and 3d animations.</p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/ny-times-explains-the-danger-of-digging-deeper/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Evidence – How do we know what we know</title><link>http://datavisualization.ch/showcases/evidence</link> <comments>http://datavisualization.ch/showcases/evidence#comments</comments> <pubDate>Wed, 25 Mar 2009 22:48:56 +0000</pubDate> <dc:creator>Benjamin Wiederkehr</dc:creator> <category><![CDATA[Showcases]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[Cluster]]></category> <category><![CDATA[Crowdsourcing]]></category> <category><![CDATA[Filter]]></category> <category><![CDATA[Flash]]></category> <category><![CDATA[Knowledge]]></category><guid
isPermaLink="false">http://datavisualization.ch/?p=1274</guid> <description><![CDATA[Science is an active process of observation and investigation.
Evidence: How Do We Know What We Know? examines that process, revealing the ways in which ideas and information become knowledge and understanding.]]></description> <content:encoded><![CDATA[<a
href='http://datavisualization.ch/showcases/evidence' title='Evidence – How do we know what we know' class='share_image'><img
src='http://datavisualization.ch/wp-content/uploads/2009/03/my_evidence_00.jpg' title='Evidence – How do we know what we know' alt='Evidence – How do we know what we know' /></a><blockquote><p>Science is an active process of observation and investigation.<br
/> Evidence: How Do We Know What We Know? examines that process, revealing the ways in which ideas and information become knowledge and understanding.</p></blockquote><h3>Concept</h3><p>The Flash Application <a
title="My Evidence" href="http://www.exploratorium.edu/evidence/my_evidence/index.html">My Evidence</a> by <a
href="http://www.exploratorium.edu/" title="Exploratorium">Exploratorium</a>, Museum of science art and human perception, explores and then visualizes the way we get to know what we know. The user is asked to answer questions about facts that are hard for the individual to experience by himself. For example <q>&#8220;Humans cause global warming&#8221;</q> is a theory believed by many people but quite hard to proof by one individual. Going further it&#8217;s nearly impossible for the individual to know such things if it&#8217;s on its own. The answers to these questions range from <q>&#8220;I noticed or experienced&#8221;</q> to <q>&#8220;I heard on TV or radio&#8221;</q>. Further attributes of an answer are the place where someone learned it, the person&#8217;s gender or age and how much the author refutes or supports the stated fact.</p><p><img
src="http://www.datavisualization.ch/wp-content/uploads/2009/03/my_evidence_04.png" alt="my_evidence_04" title="my_evidence_04" width="710" height="415" /></p><h3>Visualization</h3><p>The most important part is the visualization of the statements. They are represented as circles or rings, depending on support or refute of the author. The color indicates the source of the knowlege. By hovering over an object it reveals the author&#8217;s comment on the statement.</p><p>The objects move around and bounce off each other, similar to the great visualization of <a
title="We Feel Fine" href="http://wefeelfine.org/">we feel fine</a> from <a
title="Jonathan Harris" href="http://www.number27.org/">Jonathan Harris</a> and <a
title="Seb Kamvar" href="http://www.kamvar.org/">Seb Kamvar</a>.</p><p><img
src="http://www.datavisualization.ch/wp-content/uploads/2009/03/my_evidence_03.png" alt="my_evidence_03" title="my_evidence_03" width="710" height="326" class="alignnone size-full wp-image-1283" /></p><h3>Interaction</h3><p>There are two interfaces to explore the data.</p><ul><li>The Filter tool does exactly what you would expect. You can filter out statements with certain attributes to get more information of a subset of the data. The Cluster tool groups statements together based on your selection.</li><li>The cluster gets created rather in a loose manner. The interaction model supports the playful approach of the visualization and forfeits some of the precision of the visualization.</ul><p><img
src="http://www.datavisualization.ch/wp-content/uploads/2009/03/my_evidence_01.png" alt="my_evidence_01" title="my_evidence_01" width="710" height="415" style="margin-right:0"/><br
/> <img
src="http://www.datavisualization.ch/wp-content/uploads/2009/03/my_evidence_02.png" alt="my_evidence_02" title="my_evidence_02" width="710" height="415" style="margin-right:0" /></p><p>We think it&#8217;s a clever application with a focus on playful interaction which could be beneficial to gather a relevant amount of data. And we&#8217;re looking forward to the outcome of these crowd-sourced investigations.</p> ]]></content:encoded> <wfw:commentRss>http://datavisualization.ch/showcases/evidence/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 4/42 queries in 1.921 seconds using disk

Served from: datavisualization.ch @ 2010-09-08 05:24:34 -->