<?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>Data Visualization As Generative Narrative &#187; bruce</title>
	<atom:link href="http://alexislloyd.com/classes/dataviz09/author/bruce/feed/" rel="self" type="application/rss+xml" />
	<link>http://alexislloyd.com/classes/dataviz09</link>
	<description>Parsons D+T, Fall 2009</description>
	<lastBuildDate>Wed, 12 May 2010 22:26:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tweetcatcha</title>
		<link>http://alexislloyd.com/classes/dataviz09/tweetcatcha-2/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/tweetcatcha-2/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 21:22:16 +0000</pubDate>
		<dc:creator>bruce</dc:creator>
				<category><![CDATA[Assignments]]></category>
		<category><![CDATA[final project]]></category>
		<category><![CDATA[tweetcatcha]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=526</guid>
		<description><![CDATA[TweetCatcha seeks to uncover the organic nature of news as it travels through Twitter over time, by examining the movement of NY Times articles through Twitter.
Nick Hardeman + Bruce Drummond.




Presentation
Demo
]]></description>
			<content:encoded><![CDATA[<p>TweetCatcha seeks to uncover the organic nature of news as it travels through Twitter over time, by examining the movement of NY Times articles through Twitter.</p>
<p>Nick Hardeman + Bruce Drummond.</p>
<p><a href="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha1.jpg"><img class="alignnone size-large wp-image-527" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha1-1024x546.jpg" alt="tweetcatcha1" width="600" height="320" /></a></p>
<p><a href="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha1.jpg"></a><a href="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha2.jpg"><img class="alignnone size-large wp-image-528" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha2-1024x546.jpg" alt="tweetcatcha2" width="600" height="320" /></a></p>
<p><a href="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha3.jpg"><img class="alignnone size-large wp-image-529" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha3-1024x546.jpg" alt="tweetcatcha3" width="600" height="319" /></a></p>
<p><a href="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha4.jpg"><img class="alignnone size-large wp-image-530" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/12/tweetcatcha4-1024x546.jpg" alt="tweetcatcha4" width="600" height="319" /></a></p>
<p><a href="http://docs.google.com/present/view?id=dfmz7tdr_128dtfhbmf4">Presentation</a></p>
<p><a href="http://a.parsons.edu/~drumb588/tweetcatcha/TweetCatcha.swf">Demo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/tweetcatcha-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TweetCatcha Proposal [Final]</title>
		<link>http://alexislloyd.com/classes/dataviz09/tweetcatcha-proposal-final/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/tweetcatcha-proposal-final/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 04:54:58 +0000</pubDate>
		<dc:creator>bruce</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=474</guid>
		<description><![CDATA[&#62;&#62; Presentation &#60;&#60;
]]></description>
			<content:encoded><![CDATA[<p>&gt;&gt; <a href="http://docs.google.com/present/view?id=dfmz7tdr_94fgcmzhgc&amp;interval=30">Presentation</a> &lt;&lt;</p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/tweetcatcha-proposal-final/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NYTimes Newswire API</title>
		<link>http://alexislloyd.com/classes/dataviz09/nytimes-newswire-api/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/nytimes-newswire-api/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 03:31:22 +0000</pubDate>
		<dc:creator>bruce</dc:creator>
				<category><![CDATA[Assignments]]></category>
		<category><![CDATA[TimesWire]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=284</guid>
		<description><![CDATA[The circular rings are rotated around a center point based on the time the news piece was posted. The size of the ring is based on the number of characters in the headline and different colors are used for each section (for purely aesthetic reasons). The dense area in the middle indicates that a majority [...]]]></description>
			<content:encoded><![CDATA[<p>The circular rings are rotated around a center point based on the time the news piece was posted. The size of the ring is based on the number of characters in the headline and different colors are used for each section (for purely aesthetic reasons). The dense area in the middle indicates that a majority of the headlines are around the same characters in length. Click on the image to view the visualization.</p>
<p><a href="http://bruzed.com/wp-content/uploads/dataviz/viz0_1/viztest.swf"><img class="alignnone size-full wp-image-285" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/10/dataviz1.jpg" alt="dataviz1" width="527" height="390" /></a></p>
<p>Here the length of the characters are represented as a equalizer-like histogram. Moving the mouse over the bars reveals the headline and generates/plays a pulse wave. The frequency is also based on the number of characters in each headline &#8211; low for shorter and high for longer headlines.</p>
<p><a href="http://bruzed.com/wp-content/uploads/dataviz/viz0_4/viztest.swf"><img class="alignnone size-full wp-image-286" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/10/dataviz2.jpg" alt="dataviz2" width="544" height="204" /></a></p>
<p>The mockup below is intended to be a generative tetris-like game. The pieces are generated based the headline that is displayed along with the piece. Each section is color coded and has a piece assigned to it. Higher points can be scored by attaching the pieces to headlines that are related based on terms or people mentioned.</p>
<p><img class="alignnone size-full wp-image-287" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/10/viz_mockup.jpg" alt="viz_mockup" width="366" height="511" /></p>
<p><a href="http://bruzed.com/2009/10/06/nytimes-newswire-api-dataviz/">Post on my blog.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/nytimes-newswire-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading response #2 &#8211; bruce</title>
		<link>http://alexislloyd.com/classes/dataviz09/reading-response-2-bruce/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/reading-response-2-bruce/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 05:16:23 +0000</pubDate>
		<dc:creator>bruce</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=198</guid>
		<description><![CDATA[Effectively Communicating Numbers
The opening example was a appropriate for setting the tone of the whitepaper. The paper establishes the fact that the main purpose for creating information graphics is to communicate the data in the clearest possible manner. Choosing the correct method to represent the data is key. The paper describes various charts and graphs [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Effectively Communicating Numbers</strong></p>
<p>The opening example was a appropriate for setting the tone of the whitepaper. The paper establishes the fact that the main purpose for creating information graphics is to communicate the data in the clearest possible manner. Choosing the correct method to represent the data is key. The paper describes various charts and graphs and what situations they can be used in. It goes further to describe a step-by-step graph selection and design process. All-in-all this seems like a great resource to keep coming back to for reference.</p>
<p><strong>Showing Complex Data</strong></p>
<p>This reading talks about what informational graphics are and how to go about creating them, from the users perspective. How is the data organized? The reading talks about preattentive variables like size, shape, color, etc. that convey the information before a viewer pays conscious attention. The paper also describes how the data can be made more participative as opposed to a static visualization. User can interact with the data in many ways and analyze the data in the way that they. A majority of the patterns described here can be found in most modern day software, which we are familiar with. This paper provides a great description of these patterns and when, why they should be used.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/reading-response-2-bruce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading response 1</title>
		<link>http://alexislloyd.com/classes/dataviz09/reading-response-1-2/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/reading-response-1-2/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 04:34:41 +0000</pubDate>
		<dc:creator>bruce</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=89</guid>
		<description><![CDATA[Data-Ink and Graphical Redesign &#8211; Edward Tufte
This chapter lays emphasis on how data graphics should present the substance of the data so that it is quick and easy for reader&#8217;s to understand what the graphic is about. But isn&#8217;t that the whole point of data graphics? Not to say that these graphics can&#8217;t be presented [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Data-Ink and Graphical Redesign &#8211; Edward Tufte</strong></p>
<p>This chapter lays emphasis on how data graphics should present the substance of the data so that it is quick and easy for reader&#8217;s to understand what the graphic is about. But isn&#8217;t that the whole point of data graphics? Not to say that these graphics can&#8217;t be presented in newer ways that are compelling and informative at the same time. I found the concepts covered &#8211; data-ink ratio, erasing principles and redundancy &#8211; common sense and things that can be easily overlooked when designing data graphics. Nonetheless, practicing these principles will prove to be useful in creating effective work.</p>
<p><strong>The Database as System and Cultural Form: Anatomies of Cultural Narratives &#8211; Christiane Paul</strong></p>
<p>This paper cites some great examples which would&#8217;ve been a lot better accompanied by images. It occurred to me that databases are such an integral part of our lives. Our daily interactions with databases in various forms are so common that they can be easily overlooked. All our information is held in these databases and can be utilized to draw relationships between various parameters to yield a variety of different and interesting stories. The concept of meta-narrative and how this is different from traditional narrative is interesting. The paper also talks about data structure and various forms in which it can be represented. This made me think about how the amount of databases and data is growing every second. And how the internet, which holds a lot of this data, has changed the world we live in today by making information easily accessible. There need to eventually be quicker and more efficient ways to store and access data as it grows so that future generations can benefit from these huge banks of information as we have and are from what is currently out there.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/reading-response-1-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dataviz inspiration</title>
		<link>http://alexislloyd.com/classes/dataviz09/dataviz-inspiration/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/dataviz-inspiration/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 20:48:26 +0000</pubDate>
		<dc:creator>bruce</dc:creator>
				<category><![CDATA[Data viz inspiration]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=74</guid>
		<description><![CDATA[1. Narratives 2.0 is a series of pieces that visualize song data. The songs are broken down into channels assembled in a fan-like structure with lines growing out. The frequency of the channel changes the angles at which the lines are drawn and the level changes the color &#8211; orange for higher levels and white [...]]]></description>
			<content:encoded><![CDATA[<p>1. <a href="http://www.matthiasdittrich.com/projekte/narratives/visualisation/index.html">Narratives 2.0</a> is a series of pieces that visualize song data. The songs are broken down into channels assembled in a fan-like structure with lines growing out. The frequency of the channel changes the angles at which the lines are drawn and the level changes the color &#8211; orange for higher levels and white for lower. The uniformity and arrangement of the music is apparent and seems to form an abstract narrative.</p>
<p><img class="alignnone size-full wp-image-76" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/09/2-galvanize.jpg" alt="2-galvanize" width="623" height="484" /></p>
<p><img class="alignnone size-full wp-image-75" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/09/2-familie-feeling.jpg" alt="2-familie-feeling" width="623" height="484" /></p>
<p>2. <a href="http://msnbcmedia.msn.com/i/msnbc/components/spectra/spectra.html">Spectra</a> is another source of inspiration. It is a news aggregator and the options for displaying the data are interesting.</p>
<p><img class="alignnone size-large wp-image-77" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/09/spectra-1023x564.png" alt="spectra" width="585" height="322" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/dataviz-inspiration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

