<?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>Aligned Left Blog &#187; visualization</title>
	<atom:link href="http://alignedleft.com/blog/tag/visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://alignedleft.com/blog</link>
	<description>Exploring digital culture and dynamic media</description>
	<lastBuildDate>Thu, 15 Jul 2010 23:22:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creative Coding Workshop at Gray Area in SF</title>
		<link>http://alignedleft.com/blog/2009/09/creative-coding-workshop-at-gray-area-in-sf/</link>
		<comments>http://alignedleft.com/blog/2009/09/creative-coding-workshop-at-gray-area-in-sf/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 18:49:15 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Thesis]]></category>
		<category><![CDATA[teaching]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=521</guid>
		<description><![CDATA[
    
                    
        
    
        
        
   [...]]]></description>
			<content:encoded><![CDATA[<!--[if !IE]> -->
    <object classid="java:processing_workshop.class" 
                    type="application/x-java-applet"
                    archive="/projects/2009/processing_workshop/processing_workshop.jar,/projects/2009/processing_workshop/physics.jar,/projects/2009/processing_workshop/colorLib.jar,/projects/2009/processing_workshop/colorLib.jar,/projects/2009/processing_workshop/core.jar"
                    width="700" height="200"
                    standby="Loading Processing software..." >
                    
        <param name="archive" value="/projects/2009/processing_workshop/processing_workshop.jar,/projects/2009/processing_workshop/physics.jar,/projects/2009/processing_workshop/colorLib.jar,/projects/2009/processing_workshop/colorLib.jar,/projects/2009/processing_workshop/core.jar" />
    
        <param name="mayscript" value="true" />
        <param name="scriptable" value="true" />
    
        <param name="image" value="loading.gif" />
        <param name="boxmessage" value="Loading Processing software..." />
        <param name="boxbgcolor" value="#FFFFFF" />
    
        <param name="test_string" value="outer" />
<!--<![endif]-->
    
    <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" 
            codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab"
            width="700" height="200"
            standby="Loading Processing software..."  >
            
        <param name="code" value="processing_workshop" />
        <param name="archive" value="/projects/2009/processing_workshop/processing_workshop.jar,/projects/2009/processing_workshop/physics.jar,/projects/2009/processing_workshop/colorLib.jar,/projects/2009/processing_workshop/colorLib.jar,/projects/2009/processing_workshop/core.jar" />
        
        <param name="mayscript" value="true" />
        <param name="scriptable" value="true" />
        
        <param name="image" value="loading.gif" />
        <param name="boxmessage" value="Loading Processing software..." />
        <param name="boxbgcolor" value="#FFFFFF" />
        
        <param name="test_string" value="inner" />
        
        <p>
            <strong>
                This browser does not have a Java Plug-in.
                <br />
                <a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
                    Get the latest Java Plug-in here.
                </a>
            </strong>
        </p>
    
    </object>
    
<!--[if !IE]> -->
    </object>
<!--<![endif]-->

<p>I’m very excited to announce that I will be co-teaching a two-day introduction to Processing at the new Gray Area Foundation for the Arts here in San Francisco!  The workshop is the first in a series on creative coding, and coincides with Gray Area’s grand opening celebrations and initial exhibition, featuring work by C.E.B. Reas, Camille Utterback, and Stamen Design.</p>

<p>The Gray Area folks have created an amazing space downtown, and this workshop is an exciting chance to learn a ton of great new skills, and even meet one of Processing’s co-initiators. (C.E.B. will be making an appearance.)</p>

<p>The workshop is scheduled for Saturday, October 3rd &amp;  Sunday, October 4th, 1:00 – 6:00pm both days.</p>

<p>See GAFFTA’s site for <a href="http://www.gaffta.org/2009/08/20/creative-coding-1/">the complete schedule, details, and registration</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/09/creative-coding-workshop-at-gray-area-in-sf/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>App Store Visualization</title>
		<link>http://alignedleft.com/blog/2009/06/app-store-visualization/</link>
		<comments>http://alignedleft.com/blog/2009/06/app-store-visualization/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 21:00:31 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=490</guid>
		<description><![CDATA[

Thanks to TechCrunch for capturing some video of App Store visualization on display at Apple’s WWDC conference this week.  A massive grid of iPhone application icons, arranged by color, pulsates as each app is purchased through the App Store.
]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/KiQ62WVvT10&#038;rel=0&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/KiQ62WVvT10&#038;rel=0&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>

<p>Thanks to <a href="http://www.techcrunch.com/2009/06/08/apples-cool-matrix-style-app-wall/">TechCrunch</a> for capturing some video of App Store visualization on display at Apple’s WWDC conference this week.  A massive grid of iPhone application icons, arranged by color, pulsates as each app is purchased through the App Store.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/06/app-store-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>This is What Swine Flu Looks Like</title>
		<link>http://alignedleft.com/blog/2009/04/this-is-what-swine-flu-looks-like/</link>
		<comments>http://alignedleft.com/blog/2009/04/this-is-what-swine-flu-looks-like/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 03:11:28 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Thesis]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=476</guid>
		<description><![CDATA[

I generated this image from the genetic code of a California case of H1N1 (posted today by the CDC).  I fed the data into my color tools project, and assigned one color for each base found in DNA: adenine (A), cytosine (C), guanine (G) and thymine (T).  The colors were chosen by searching [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://alignedleft.com/blog/wp-content/uploads/2009/04/swine-flu-virus.png" alt="swine-flu-virus" title="swine-flu-virus" width="799" height="800" /></p>

<p>I generated this image from the <a href="http://www.ncbi.nlm.nih.gov/nuccore/FJ971075">genetic code</a> of a California case of H1N1 (posted today by the CDC).  I fed the data into my color tools project, and assigned one color for each base found in DNA: adenine (A), cytosine (C), guanine (G) and thymine (T).  The colors were chosen by searching <a href="http://colourlovers.com">ColourLovers</a> for each of those base names and using the top result, i.e. the “best” colors for A, C, G, and T, according to ColourLovers.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/04/this-is-what-swine-flu-looks-like/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Music from the Stock Market et al</title>
		<link>http://alignedleft.com/blog/2009/02/music-from-the-stock-market-et-al/</link>
		<comments>http://alignedleft.com/blog/2009/02/music-from-the-stock-market-et-al/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 18:38:49 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[auralization]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=457</guid>
		<description><![CDATA[

I’ve been thinking about how best to auralize data.  I realize that’s not a real word (yet), but consider auralization to be visualization’s auditory sibling.  The music video by Johannes Kreidler above, while hokey, is both innovative and entertaining.
]]></description>
			<content:encoded><![CDATA[<p><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/2-BZfFakpzc&#038;hl=en&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2-BZfFakpzc&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>

<p>I’ve been thinking about how best to auralize data.  I realize that’s not a real word (yet), but consider <em>auralization</em> to be <em>visualization</em>’s auditory sibling.  The music video by <a href="http://kreidler-net.de/chartsmusic.html">Johannes Kreidler</a> above, while hokey, is both innovative and entertaining.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/02/music-from-the-stock-market-et-al/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Chris Jordan Visualizes Social Statistics on a Large Scale</title>
		<link>http://alignedleft.com/blog/2009/01/chris-jordan-visualizes-social-statistics-on-a-large-scale/</link>
		<comments>http://alignedleft.com/blog/2009/01/chris-jordan-visualizes-social-statistics-on-a-large-scale/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 17:47:21 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=446</guid>
		<description><![CDATA[

Add Chris Jordan to the list of people I want to meet.
]]></description>
			<content:encoded><![CDATA[<p><object width="600" height="485"><param name="movie" value="http://www.youtube.com/v/f09lQ8Q1iKE&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/f09lQ8Q1iKE&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="600" height="485"></embed></object></p>

<p>Add <a href="http://www.chrisjordan.com/current_set2.php?id=7">Chris Jordan</a> to the list of people I want to meet.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/01/chris-jordan-visualizes-social-statistics-on-a-large-scale/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Britain’s Telephone and Data Networks</title>
		<link>http://alignedleft.com/blog/2009/01/britains-telephone-and-data-networks/</link>
		<comments>http://alignedleft.com/blog/2009/01/britains-telephone-and-data-networks/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 17:11:46 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=443</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><object width="512" height="400"><param name="movie" value="http://www.bbc.co.uk/emp/external/player.swf"></param><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"></param><param name="FlashVars" value="config_settings_suppressCodec=h264&#038;playlist=http://www.bbc.co.uk/britainfromabove/intl/playlist_234.xml&#038;config_settings_showFooter=true&#038;"></param><embed src="http://www.bbc.co.uk/emp/external/player.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="512" height="400" FlashVars="config_settings_suppressCodec=h264&#038;playlist=http://www.bbc.co.uk/britainfromabove/intl/playlist_234.xml&#038;config_settings_showFooter=true&#038;"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/01/britains-telephone-and-data-networks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Turning Data Into Stories</title>
		<link>http://alignedleft.com/blog/2009/01/turning-data-into-stories/</link>
		<comments>http://alignedleft.com/blog/2009/01/turning-data-into-stories/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 18:14:59 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[narrative]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=439</guid>
		<description><![CDATA[

Lately, I’ve been thinking about data visualization as a narrative form.  How can data be presented so that it truly tells a story in addition to revealing unseen information?

This student art project at Dartmouth College renders a polar bear on-screen.  When electricity use in the dorm is high, the temperature rises, the ice [...]]]></description>
			<content:encoded><![CDATA[<p><embed class='castfire_player' id='cf_de84c' name='cf_de84c' width='320' height='280' src='http://p.castfire.com/MfFMz/video/13481/video_2008-05-29-103739.flv' type='application/x-shockwave-flash' allowFullScreen='true'></embed></p>

<p>Lately, I’ve been thinking about data visualization as a narrative form.  How can data be presented so that it truly <em>tells a story</em> in addition to revealing unseen information?</p>

<p>This student art project at Dartmouth College renders a polar bear on-screen.  When electricity use in the dorm is high, the temperature rises, the ice melts, and the polar bear falls into the arctic waters.  By unplugging, students can help the cuddly character “live” happily on the ice in a cool climate.</p>

<p>It’s a data visualization at its core, but by using a cute <em>character</em>—as opposed to a bar chart—the presentation triggers an emotional response and truly tells a story.  Not only that, but the story is interactive, and the viewer/participant’s behavior determine the outcome.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2009/01/turning-data-into-stories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visualizing Network Relationships</title>
		<link>http://alignedleft.com/blog/2008/12/visualizing-network-relationships/</link>
		<comments>http://alignedleft.com/blog/2008/12/visualizing-network-relationships/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 04:40:00 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Thesis]]></category>
		<category><![CDATA[graph]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[network]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=421</guid>
		<description><![CDATA[

Announcing the release of new research on visualizing network relationships.  Play with the demo, download the presentation poster, and read the research paper.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://alignedleft.com/projects/2008/Relationship_Visualizer/applet/"><img src="http://alignedleft.com/blog/wp-content/uploads/2008/12/relationship-visualizer-grab1.png" /></a></p>

<p>Announcing the release of new research on visualizing network relationships.  <a href="/projects/2008/Relationship_Visualizer/applet/">Play with the demo</a>, <a href="/projects/2008/Relationship_Visualizer/Scott%20Murray%20Presentation%20Poster.pdf">download the presentation poster</a>, and <a href="/projects/2008/Relationship_Visualizer/Scott%20Murray%20Visualizing%20Network%20Relationships.pdf">read the research paper</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/12/visualizing-network-relationships/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Data Vis Interface Inspiration</title>
		<link>http://alignedleft.com/blog/2008/11/data-vis-interface-inspiration/</link>
		<comments>http://alignedleft.com/blog/2008/11/data-vis-interface-inspiration/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 19:15:20 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Thesis]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=409</guid>
		<description><![CDATA[

From Michael Chang, the guy who brought true scalable type to Processing, comes a demo reel of data vis interaction inspiration.  In my own work, I’ve focused on just “getting it to work” and display the data, but now I want to make sure the whole experience is as beautiful and fluid as in [...]]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/wcFgAgVKGQ8&#038;hl=en&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/wcFgAgVKGQ8&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>

<p>From <a href="http://www.ghost-hack.com/">Michael Chang</a>, the guy who brought <a href="http://www.ghost-hack.com/p5/vertext/">true scalable type</a> to Processing, comes a demo reel of data vis interaction inspiration.  In my own work, I’ve focused on just “getting it to work” and display the data, but now I want to make sure the whole experience is as beautiful and fluid as in Chang’s work.</p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/11/data-vis-interface-inspiration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Real Time BART Arrivals Visualization</title>
		<link>http://alignedleft.com/blog/2008/10/real-time-bart-arrivals-visualization/</link>
		<comments>http://alignedleft.com/blog/2008/10/real-time-bart-arrivals-visualization/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 05:06:36 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Thesis]]></category>
		<category><![CDATA[berkeley]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[transit]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://alignedleft.com/blog/?p=336</guid>
		<description><![CDATA[

For my next project at Berkeley, I created a real time visualization of estimated train arrival times within the BART system.  So next time you need to head over to the East Bay, just check the visualization and you can see how far away your train is from the station.

More detail on the project [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alignedleft.com/projects/2008/BART_Trains/"><img src="http://alignedleft.com/blog/wp-content/uploads/2008/10/bart-trains-capture1.png" alt="" title="bart-trains" /></a></p>

<p>For my next project at Berkeley, I created a real time visualization of estimated train arrival times within the <a href="http://bart.gov">BART</a> system.  So next time you need to head over to the East Bay, just check the visualization and you can <em>see</em> how far away your train is from the station.</p>

<p>More detail on the project and process behind it are <a href="http://vis.berkeley.edu/courses/cs294-10-fa08/wiki/index.php/A3-ScottMurray">documented here</a>.  Thanks to BART for making their arrivals data available!</p>

<p><strong><a href="http://alignedleft.com/projects/2008/BART_Trains/">Launch project &gt;</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://alignedleft.com/blog/2008/10/real-time-bart-arrivals-visualization/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.287 seconds -->
