<?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; justin</title>
	<atom:link href="http://alexislloyd.com/classes/dataviz09/author/justin/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>We Read, We Tweet</title>
		<link>http://alexislloyd.com/classes/dataviz09/we-read-we-tweet/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/we-read-we-tweet/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 05:27:33 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=550</guid>
		<description><![CDATA[&#8220;We Read, We Tweet&#8221; geographically visualizes Tweets about New York Times articles. Each line connects the location of a tweet to the contextual location of the article it references. The lines are generated based on the sequence in which the tweets occurred.
Personal Blog Writeup






Through visualizing the relationships between a New York Times article’s contextual location, [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;We Read, We Tweet&#8221; geographically visualizes Tweets about New York Times articles. Each line connects the location of a tweet to the contextual location of the article it references. The lines are generated based on the sequence in which the tweets occurred.</p>
<p><a href="http://blog.justinblinder.com/?p=121">Personal Blog Writeup</a></p>
<p><a href="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt1.jpg"><img class="alignnone size-full wp-image-140" src="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt1.jpg" alt="&quot;We Read, We Tweet&quot;" width="520" height="269" /></a></p>
<p><a href="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt21.jpg"><img class="alignnone size-full wp-image-142" src="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt21.jpg" alt="&quot;We Read, We Tweet&quot;" width="520" height="210" /></a></p>
<p><a href="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt3.jpg"><img class="alignnone size-full wp-image-143" src="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt3.jpg" alt="&quot;We Read, We Tweet&quot;" width="520" height="288" /></a></p>
<p><a href="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt4.jpg"><img class="alignnone size-full wp-image-144" src="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt4.jpg" alt="&quot;We Read, We Tweet&quot;" width="520" height="183" /></a></p>
<p><a href="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt5.jpg"><img class="alignnone size-full wp-image-145" src="http://blog.justinblinder.com/wp-content/uploads/2010/03/tt5.jpg" alt="&quot;We Read, We Tweet&quot;" width="520" height="289" /></a></p>
<p><span id="more-550"></span></p>
<p>Through visualizing the relationships between a New York Times article’s contextual location, and location of the Twitter users that tweet about the article, a global interest emerges in many stories that pertain to a specific part of the world. I’m fascinated by maps, specifically how boundaries form over time and are consistently being remapped based on regional issues.  Since Twitter has become a prolific tool for disseminating information, yet is so successful because of it’s ephemeral and mobile nature, I wanted to explore how where individual interests lie across the world about articles in the New York Times.</p>
<p>This project involved extensive backend and frontend programming.  The actual data consists of geocoded Tweets and New York Times articles that are stored in a database. Every 10 minutes, a PHP script is run on my server that queries the Backtweets API for any tweets that have occurred regarding specific New York Times articles. For each of the returned tweets, the twitter user’s location is retrieved, and if a valid value is found (there is no standardized system for Twitter user’s location information, Br00k1nz is entirely valid) then the value is geocoded, as well as the New York Time’s article’s geo faceted value using the Google Maps API.  All the information is sanitized, and then inserted in a database.</p>
<p>The front end of the project is written in Java (using the processing.core library). Queries to the database are made based on an article that a user wishes to visualize. The latitude, longitude, and text information is then parsed and mapped in the applet. I decided to create the visualizing using openGL, and create parabolas that showed the  relationships between articles and tweets. A timer is set and displayed at the beginning of each scene, which triggers an connection path each time the timer matches a tweet’s time.</p>
<p>When looking at precedents, I was particularly inspired by both Aaron Koblin’s “Flight Patterns” and Jer Thorp’s “Just Landed” visualizations. Koblin’s visualization elegantly maps air traffic patterns. Some of the images in the series show incredibly intricate networks that are formed by air traffic routes, as well as the airports in a region. Jer Thorp’s processing based visualization shows the locations of twitter users and the places that they fly to, cleverly scraped based on the two tweeted words “just landed”. One of the most compelling aspects of this piece is the 3d translation of data, allowing for an exploration into the intricacies of the paths.</p>
<p>When I first started this project, I set out with a few questions informed my process and methodology. These were:</p>
<ul>
<li>What does the distribution of Twitter user’s interests about various topics, locations, and sections from the New York Times look like visually?</li>
<li>Do current issues in the news effect where Twitter users decide to tweet about?</li>
<li>Do patterns emerge based on country/region, or are the Tweet/Articles relationships random?</li>
<li>Are there unseen political/economic/social relationships between countries/regions that are hidden in the data?</li>
</ul>
<p>After analyzing a few stories, there were a few surprising results.  For instance, an article about Houston electing a gay mayor received mostly tweets from people in the United States. However, another article about the Northwest Airlines terrorist attempt in Detroit attracted tweets from all around the world, the very first actually came from Europe.</p>
<p>Overall, I feel the project was a success. Although it may be hard to discern extensive information as to why person in one location may tweet about another, within a large set of data, it’s quite amazing to see how twitter has been globally espoused, and how diverse many of the tweets are in terms of location.</p>
<p><!--more--></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/we-read-we-tweet/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Final Proposal: Justin</title>
		<link>http://alexislloyd.com/classes/dataviz09/final-proposal-justin/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/final-proposal-justin/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 08:03:41 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=501</guid>
		<description><![CDATA[1. Overview
My final project will explore the relationship between the geographical location of Twitter users and the New York Times articles they tweet about. I&#8217;m interested in seeing (geographically) where the interest of Twitter users lie on a daily, monthly, and (possibly) yearly basis. I also plan to implement filters, allowing users to explore where [...]]]></description>
			<content:encoded><![CDATA[<p><strong>1. Overview</strong></p>
<p>My final project will explore the relationship between the geographical location of Twitter users and the New York Times articles they tweet about. I&#8217;m interested in seeing (geographically) where the interest of Twitter users lie on a daily, monthly, and (possibly) yearly basis. I also plan to implement filters, allowing users to explore where New York Times article topics are being talked about most, and the distribution of tweets about New York Times articles by section.</p>
<p><strong>2. Data</strong></p>
<ul>
<li>NYTimes Articles API</li>
<li>BackTweets API</li>
<li>Twitter API</li>
<li>Google Maps API</li>
</ul>
<p><strong>3. Design Questions</strong></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<ul>
<li><span style="font-weight: normal">What does the distribution of Twitter user&#8217;s interests about various topics, locations, and sections from the New York Times look like visually?</span></li>
<li><span style="font-weight: normal">Do current issues in the news effect where Twitter users decide to tweet about?</span></li>
<li><span style="font-weight: normal">Do patterns emerge based on country/region, or are the Tweet/Articles relationships random? </span></li>
<li><span style="font-weight: normal">Are there unseen political/economic/social relationships between countries/regions that are hidden in the data?</span></li>
</ul>
<p><strong>4. Prior Art / Precedents </strong></p>
<p><strong><a href="http://users.design.ucla.edu/~akoblin/work/faa/">Flight Patterns</a> by Aaron Koblin</strong></p>
<p>This visualization elegantly maps air traffic patterns. Some of the images in this series show incredibly intricate networks that are formed by air traffic, as well as the locations of the largest airports.</p>
<p><strong><img class="alignnone" src="http://users.design.ucla.edu/~akoblin/work/faa/title.jpg" alt="" width="500" height="338" /></strong></p>
<p><strong><a href="http://blog.blprnt.com/blog/blprnt/just-landed-processing-twitter-metacarta-hidden-data">Just Landed</a> </strong><strong>by Jer Thorp</strong></p>
<p>Jer Thorp&#8217;s processing based visualization shows the locations of twitter users and the places that they fly to, cleverly scraped based on the two tweeted words &#8220;just landed&#8221;. One of the most compelling aspects of this piece is the 3d translation of data, allowing for an exploration into the intricacies of the paths.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3365/3521509776_e7476b23ab.jpg" alt="" width="500" height="302" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/final-proposal-justin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Midterm Proposal: Justin &amp; Thai</title>
		<link>http://alexislloyd.com/classes/dataviz09/midterm-proposal-justin-thai/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/midterm-proposal-justin-thai/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 07:44:54 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=417</guid>
		<description><![CDATA[1. Overview
Our project explores the geographical locations that certain terms an associated with.  The intention for this interactive visualization is to delineate the progression of different location&#8217;s significance, as they relate to specific terms. (i.e. what country was talked about most regarding &#8220;9/11&#8243; between 2001-2003).  We&#8217;re hoping that new narratives will arise from the proliferation [...]]]></description>
			<content:encoded><![CDATA[<p><strong>1. Overview</strong></p>
<p>Our project explores the geographical locations that certain terms an associated with.  The intention for this interactive visualization is to delineate the progression of different location&#8217;s significance, as they relate to specific terms. (i.e. what country was talked about most regarding &#8220;9/11&#8243; between 2001-2003).  We&#8217;re hoping that new narratives will arise from the proliferation of issues and news articles from the New York Times over the past  28 years.</p>
<p><strong>2. Data</strong></p>
<p>We&#8217;re still selecting our mapping API &#8211; but for now we&#8217;re intending to use:</p>
<ol>
<li>NY Times Article Search API</li>
<li>Google Maps API</li>
<li>NY Times Tags API</li>
</ol>
<p><strong>3. Design Questions? </strong></p>
<p>The main questions we&#8217;re asking thus far are:</p>
<ul>
<li>What does the geographical context of breaking issues in the news look like over a period of time?</li>
<li>Are there patterns in the topics being discussed about specific locations over time?</li>
<li>What is the best way to represent the significance of locations as they pertain to past issues in the news?</li>
<li>What are the best ways to filter terms, should the results for each visualization be dynamically generated?</li>
</ul>
<p><strong>4. Precedents</strong></p>
<p>Our first precedent is a project from Yale called <a href="http://gecon.yale.edu/">&#8220;Geographcially based Economci Data (G-Econ)&#8221;</a>.  This visualization shows economic fluctuations on a 3 diminutional geospatial model.  This project is an example of how we might be easily convey the geographical significance of certain terms over a period of time.</p>
<p><img class="alignnone size-medium wp-image-418" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/10/dataviz-300x237.jpg" alt="dataviz" width="300" height="237" /></p>
<p>The second precedent that we chose is Jer Thorp&#8217;s visualization entitled <a href="http://blog.blprnt.com/blog/blprnt/is-twitter-the-new-internet">&#8220;Is Twitter the New Internet?&#8221;</a>. This piece explores the usage of specific terms over time to show the proliferation of internet based services over the past 2 decades.  We selected this piece because we&#8217;re also interested in term frequency within the New York Times article databases, but instead looking at the importance of locations within the context of specific issues.</p>
<p><img class="alignnone size-medium wp-image-419" src="http://alexislloyd.com/classes/dataviz09/wp-content/uploads/2009/10/3256480403_1bf499ae5b_b-300x99.jpg" alt="3256480403_1bf499ae5b_b" width="300" height="99" /></p>
<p><strong>5. Collaboration </strong></p>
<p>We still haven&#8217;t worked out the specifics for this yet, but so far I will be working on most of the coding and Thai will be primarily handling the design for the project. These tasks will most likely overlap during certain areas of the project however.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/midterm-proposal-justin-thai/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NYTimes TimesWire Visualization</title>
		<link>http://alexislloyd.com/classes/dataviz09/nytimes-timeswire-visualization/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/nytimes-timeswire-visualization/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 07:55:29 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Assignments]]></category>
		<category><![CDATA[TimesWire]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=311</guid>
		<description><![CDATA[
http://parsons.justinblinder.com/datavis09/timeswire/justinblinder_timeswire.html
My visualization initially focused on the &#8220;terms&#8221; and &#8220;catagory tags&#8221; associated with each article.  After realizing that most of these terms were very specific, I instead chose to use the section that each article was a part of. I created circles for the articles and made variables for their size, color, and position, that corresponded [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://parsons.justinblinder.com/datavis09/timeswire/timeswire.jpg" alt="" width="515" height="407" /></p>
<p><a href="http://parsons.justinblinder.com/datavis09/timeswire/justinblinder_timeswire.html">http://parsons.justinblinder.com/datavis09/timeswire/justinblinder_timeswire.html</a></p>
<p>My visualization initially focused on the &#8220;terms&#8221; and &#8220;catagory tags&#8221; associated with each article.  After realizing that most of these terms were very specific, I instead chose to use the section that each article was a part of. I created circles for the articles and made variables for their size, color, and position, that corresponded to the section frequency and the title.  I hoping to give a basic idea of the section frequency within a certain period of time, however partially randomized positioning is still a bit chaotic.</p>
<p>My original design plan was to have a radial positioning for each section that slowly emanated  from the center. I used this process in my second visualization mockup, and showed the frequency of articles for each section within the last 24 hours.</p>
<p><img class="alignnone" src="http://parsons.justinblinder.com/datavis09/timeswire/justinblinderdatavis.jpg" alt="" width="480" height="360" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/nytimes-timeswire-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading Response Week 2</title>
		<link>http://alexislloyd.com/classes/dataviz09/reading-response-week-2/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/reading-response-week-2/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 05:24:24 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=199</guid>
		<description><![CDATA[Stephen Few
This essay focuses on communication information with appropriate visualization methods. I found this resource to be extremely helpful.  Although there are often obvious choices of graphs that you&#8217;d use for certain types of data, its still becomes difficult to refine one that appropriately conveys the information. The examples seem trivial, but by tailoring basic [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Stephen Few</strong></p>
<p>This essay focuses on communication information with appropriate visualization methods. I found this resource to be extremely helpful.  Although there are often obvious choices of graphs that you&#8217;d use for certain types of data, its still becomes difficult to refine one that appropriately conveys the information. The examples seem trivial, but by tailoring basic elements to match what you intend to convey, the end results are greatly enhanced.</p>
<p><strong>Tidwell</strong></p>
<p>In this reading, Tidwell delineates the principles for effective visualizations for interactivity  and usability.  All of the concepts the author talks about have all point to a main rule: make it intuitive. Although this might seem obvious, Tidwell elaborates on unique areas that enhance how a user interacts with a visualization. This article immediately made me think back to our class discussion regarding Jonathan Harris&#8217; piece &#8220;Whale Hunt&#8221;.  The user interface he created seemed to be lacking because it was designed for him, not for the user.  The emotion was almost obscured by the ambiguity of the controls a user is presented with. For me, this detracted from the intensity of the actual content, his photographic journey.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/reading-response-week-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading 1 Responses</title>
		<link>http://alexislloyd.com/classes/dataviz09/reading-1-responses/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/reading-1-responses/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 04:57:48 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=107</guid>
		<description><![CDATA[&#8220;Data Ink and Graphical Redesign&#8221; by Edward Tufte
In this essay, Tufte makes an argument for the calculated usage of &#8220;data-ink&#8221; or meaningful graphics when visualizing information.  I agree that often &#8220;useless-ink&#8221; detracts from the most important part of data visualization: visualizing data. However, it seems difficult to be dogmatic about this practice since there could [...]]]></description>
			<content:encoded><![CDATA[<p><strong>&#8220;Data Ink and Graphical Redesign&#8221; by Edward Tufte</strong><br />
In this essay, Tufte makes an argument for the calculated usage of &#8220;data-ink&#8221; or meaningful graphics when visualizing information.  I agree that often &#8220;useless-ink&#8221; detracts from the most important part of data visualization: visualizing data. However, it seems difficult to be dogmatic about this practice since there could be circumstances in which other elements take precedence over or supplement the information. A compelling argument against his rule might be when the impact or emotion certain information might be weighted over the actual data itself.</p>
<p><strong>&#8220;The Database as System and Cultural Form&#8221; by Christine Paul</strong><br />
This essay touches upon the history of databases and the representation of their contents. The area of this essay that I found most interesting was that the previous methods of conveying information haven’t been lost, there is now just a more radical distinction between representation and information. As the author asserts, previous generations passed down information orally, which seems like a much more natural way of conveying it rather than displaying the same stories in text via a web browser.</p>
<p>Although the paint brushes and inscribed anecdotes that have re-imagined the spoken word  for millennia appears distant and antiquated, little has changed in the visual translation of the same story that resides as memory in a database through code. It seems only natural that in order to envision the exponentially growing wealth of data, we turn to iterative tools that can adaquetly process them. The data remains the same, only our methods of conveying it have altered. Creativity and expression exist in the translation of information, not the medium that they are conveyed through.</p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/reading-1-responses/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiration Visualization</title>
		<link>http://alexislloyd.com/classes/dataviz09/inspiration-visualization/</link>
		<comments>http://alexislloyd.com/classes/dataviz09/inspiration-visualization/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 19:38:35 +0000</pubDate>
		<dc:creator>justin</dc:creator>
				<category><![CDATA[Data viz inspiration]]></category>

		<guid isPermaLink="false">http://alexislloyd.com/classes/dataviz09/?p=65</guid>
		<description><![CDATA[ReTweet Revolution

&#8220;A visual exploration of Twitter conversation threads in the days following the Iranian Elections of June 2009 &#8220; By: Gilad Lotan
&#8220;Retweet Revolution&#8221; visualizes the 372 most popular tweets over the span of 10 days regarding the recent Iranian elections.  The interactive applet allows users to see a comparison of the relative tweet popularity, as well as [...]]]></description>
			<content:encoded><![CDATA[<p><strong>ReTweet Revolution</strong></p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2669/3829419188_b12b9b75fb_o.png" alt="" width="441" height="326" /></p>
<blockquote><p>&#8220;A visual exploration of Twitter conversation threads in the days following the Iranian Elections of June 2009 &#8220; <span style="font-size: 11px">By: Gilad Lotan</span></p></blockquote>
<p><span style="font-size: small"><a href="http://giladlotan.org/viz/iranelection/index.html">&#8220;Retweet Revolution&#8221;</a> visualizes the 372 most popular tweets over the span of 10 days regarding the recent Iranian elections.  The interactive applet allows users to see a comparison of the relative tweet popularity, as well as the transformations and networks of retweets. The result is an activist narrative, facilitated by a simple yet empowering technology. </span></p>
<p><span style="font-size: small">Also, I came across an interesting article which gives some further info on twitter visualizaitons during the recent Iranian elections.</span></p>
<p><span style="font-size: 11px"><strong><a href="http://www.readwriteweb.com/archives/evolution_revolution_visualizing_millions_iran_tweets.php">http://www.readwriteweb.com/archives/evolution_revolution_visualizing_millions_iran_tweets.php</a></strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://alexislloyd.com/classes/dataviz09/inspiration-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
