<?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>bruzed.com &#187; Dataviz</title>
	<atom:link href="http://bruzed.com/category/parsons/fall09/dataviz/feed/" rel="self" type="application/rss+xml" />
	<link>http://bruzed.com</link>
	<description></description>
	<lastBuildDate>Sat, 22 May 2010 19:21:43 +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>Tweetcatcha</title>
		<link>http://bruzed.com/2009/12/20/tweetcatcha/</link>
		<comments>http://bruzed.com/2009/12/20/tweetcatcha/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 21:42:46 +0000</pubDate>
		<dc:creator>bruzed</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Dataviz]]></category>
		<category><![CDATA[Fall09]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Fun Experiments]]></category>
		<category><![CDATA[Web Media 2]]></category>

		<guid isPermaLink="false">http://bruzed.com/?p=617</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 and me worked on this project for our data visualization class and my AS3 class. The New York Times Newswire API is used to load news for the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha1.jpg" rel="lightbox[617]" rel="shadowbox[post-617];player=img;" title="tweetcatcha1"><img class="alignnone size-large wp-image-618" title="tweetcatcha1" src="http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha1-1024x546.jpg" alt="tweetcatcha1" width="640" height="341" /></a></p>

<a href='http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha1.jpg' rel="lightbox[617]" rel='shadowbox[album-617];player=img;' title='tweetcatcha1'><img width="150" height="150" src="http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha1-150x150.jpg" class="attachment-thumbnail" alt="tweetcatcha1" title="tweetcatcha1" /></a>
<a href='http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha2.jpg' rel="lightbox[617]" rel='shadowbox[album-617];player=img;' title='tweetcatcha2'><img width="150" height="150" src="http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha2-150x150.jpg" class="attachment-thumbnail" alt="tweetcatcha2" title="tweetcatcha2" /></a>
<a href='http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha3.jpg' rel="lightbox[617]" rel='shadowbox[album-617];player=img;' title='tweetcatcha3'><img width="150" height="150" src="http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha3-150x150.jpg" class="attachment-thumbnail" alt="tweetcatcha3" title="tweetcatcha3" /></a>
<a href='http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha4.jpg' rel="lightbox[617]" rel='shadowbox[album-617];player=img;' title='tweetcatcha4'><img width="150" height="150" src="http://bruzed.com/wp-content/uploads/2009/12/tweetcatcha4-150x150.jpg" class="attachment-thumbnail" alt="tweetcatcha4" title="tweetcatcha4" /></a>

<p><span class="drop">T</span>weetCatcha 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. <a href="http://nickhardeman.com" target="_blank">Nick</a> and me worked on this project for our data visualization class and my AS3 class.</p>
<p>The <a href="http://developer.nytimes.com/docs/times_newswire_api" target="_blank">New York Times Newswire API</a> is used to load news for the last 24 hours. The title and URL for the retrieved articles are used to search for tweets with the <a href="http://www.backtype.com/developers" target="_blank">BackTweets API</a>, a <a href="http://www.backtype.com/developers">BackType</a> service.</p>
<p>The articles are placed around the center arranged clockwise based on the time they were published. The tweets for each article emanate from the article near the center to the outside. These are based on the time difference between when the article was published and when it was tweeted. The 24 rings indicate the hour difference from 1 near the center to 24 near the outside.</p>
<p>Data was collected between November 13, 2009 and February 9, 2010 via a cron job set up to pull and store the data locally. The current database is 107 MB, with 15,327 NYTimes articles and 311,885 tweets for those articles.</p>
<p><strong><a href="http://a.parsons.edu/~drumb588/tweetcatcha/TweetCatcha.swf" rel="shadowbox[post-617];width=640;height=385;">Demo</a></strong></p>
<p><strong><a href="http://docs.google.com/present/view?id=dfmz7tdr_128dtfhbmf4">Presentation:</a></strong></p>
<p><iframe src="http://docs.google.com/present/embed?id=dgbgc7tn_89hszj4djc" frameborder="0" width="410" height="342"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://bruzed.com/2009/12/20/tweetcatcha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NYTimes newswire API dataviz</title>
		<link>http://bruzed.com/2009/10/06/nytimes-newswire-api-dataviz/</link>
		<comments>http://bruzed.com/2009/10/06/nytimes-newswire-api-dataviz/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 03:17:25 +0000</pubDate>
		<dc:creator>bruzed</dc:creator>
				<category><![CDATA[Dataviz]]></category>
		<category><![CDATA[Fall09]]></category>
		<category><![CDATA[Fun Experiments]]></category>

		<guid isPermaLink="false">http://bruzed.com/?p=507</guid>
		<description><![CDATA[Simple data visualizations created using the NYTimes Newswire API for the Data Visualization As Generative Narrative class. These are also my initial explorations with AS3. 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 [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop">S</span>imple data visualizations created using the NYTimes Newswire API for the Data Visualization As Generative Narrative class. These are also my initial explorations with AS3.</p>
<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" rel="shadowbox[post-507];width=640;height=385;"><img class="alignnone size-full wp-image-509" title="dataviz1" src="http://bruzed.com/wp-content/uploads/2009/10/dataviz1.jpg" alt="dataviz1" width="518" height="383" /></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" rel="shadowbox[post-507];width=640;height=385;"><img class="alignnone size-full wp-image-511" title="dataviz2" src="http://bruzed.com/wp-content/uploads/2009/10/dataviz21.jpg" alt="dataviz2" width="520" height="195" /></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><a href="http://bruzed.com/wp-content/uploads/2009/10/viz_mockup.jpg" rel="lightbox[507]" rel="shadowbox[post-507];player=img;" title="viz_mockup"><img class="alignnone size-full wp-image-508" title="viz_mockup" src="http://bruzed.com/wp-content/uploads/2009/10/viz_mockup.jpg" alt="viz_mockup" width="411" height="575" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://bruzed.com/2009/10/06/nytimes-newswire-api-dataviz/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
