<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:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Tyler Julian Johnson &#124; Architect + Designer</title>
	<link>http://www.tyler-johnson.com</link>
	<description>Tyler Julian Johnson &#124; Architect + Designer</description>
	<pubDate>Sun, 04 Nov 2012 16:07:18 +0000</pubDate>
	<generator>http://www.tyler-johnson.com</generator>
	<language>en</language>
	
		
	<item>
		<title>// Lines of Code //</title>
				
		<link>http://www.tyler-johnson.com/Lines-of-Code</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Lines-of-Code</comments>

		<pubDate>Sun, 04 Nov 2012 16:07:18 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">4376393</guid>

		<description>Work in progress.  Code to be posted shortly.
	Fullscreen


&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/000.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/000_o.jpg" data-mid="23159287"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/001.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/001_o.jpg" data-mid="23159288"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/002.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/002_o.jpg" data-mid="23159289"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/014.png" width="670" height="670" width_o="1000" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/014_o.png" data-mid="23210063"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/015.png" width="670" height="670" width_o="1000" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/015_o.png" data-mid="23210065"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/003.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/003_o.jpg" data-mid="23159290"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/004.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/004_o.jpg" data-mid="23159291"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/005.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/005_o.jpg" data-mid="23159293"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/006.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/006_o.jpg" data-mid="23159297"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/007.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/007_o.jpg" data-mid="23159298"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/008.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/008_o.jpg" data-mid="23159301"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/009.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/009_o.jpg" data-mid="23159306"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/010.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/010_o.jpg" data-mid="23159309"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/011.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/011_o.jpg" data-mid="23159311"  border="0" align="left"/&#62;&#60;img src="http://payload103.cargocollective.com/1/2/65404/4376393/012.jpg" width="670" height="669" width_o="1001" height_o="1000" src_o="http://payload103.cargocollective.com/1/2/65404/4376393/012_o.jpg" data-mid="23159313"  border="0" align="left"/&#62;</description>
		
		<excerpt>Work in progress.  Code to be posted shortly.  </excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload103.cargocollective.com/1/2/65404/4376393/prt_1352066684.jpg" />

	</item>
		
		
	<item>
		<title>Urban Reflections</title>
				
		<link>http://www.tyler-johnson.com/Urban-Reflections</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Urban-Reflections</comments>

		<pubDate>Sat, 07 Apr 2012 23:21:03 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">3161369</guid>

		<description>The first understanding of the word reflection is typically that of an image being cast back from a surface that does not absorb it.  Upon deeper consideration of the word a second understanding is one of contemplation or meditation.  The objective of this proposal is to simultaneously define the two meanings of reflection through one architectural device. 

&#60;img src="http://payload43.cargocollective.com/1/2/65404/3161369/Render_Exterior.jpg" width="670" height="536" width_o="670" height_o="536" src_o="http://payload43.cargocollective.com/1/2/65404/3161369/Render_Exterior_o.jpg" data-mid="16162121"  border="0" align="left"/&#62;

The project consists of nearly 500 units designed to be structurally independent and house a variety of local vegetation.  The stacking of units effectively establishes two unique facades within a singular form.  The exterior facade reflects the surrounding environment while being camouflaged by the deep flat nature of the site.  The inner facade becomes a vertical garden and space for contemplation. As the facades enclose upon themselves a shaft of vegetation is created; guiding your vision upwards as twenty-six different plant species fill the cavities of the walls creating a lush, solemn environment. 

&#60;img src="http://payload43.cargocollective.com/1/2/65404/3161369/Render_Section_6.jpg" width="670" height="695" width_o="670" height_o="695" src_o="http://payload43.cargocollective.com/1/2/65404/3161369/Render_Section_6_o.jpg" data-mid="16162265"  border="0" align="left"/&#62;
 
The simplicity of the unit allows for a broad range of constructed forms.  In this iteration the form is elliptical, providing a continuous bearing surface and giving the units an opportunity to complete each course and lock into place.  Furthermore, the units may be readily disassembled and either recycled as mulching or given away as planters.

&#60;img src="http://payload43.cargocollective.com/1/2/65404/3161369/Render_Interior.jpg" width="670" height="447" width_o="670" height_o="447" src_o="http://payload43.cargocollective.com/1/2/65404/3161369/Render_Interior_o.jpg" data-mid="16162122"  border="0" align="left"/&#62;
&#60;img src="http://payload43.cargocollective.com/1/2/65404/3161369/Plan.jpg" width="670" height="650" width_o="690" height_o="670" src_o="http://payload43.cargocollective.com/1/2/65404/3161369/Plan_o.jpg" data-mid="16162120"  border="0" align="left"/&#62;

&#60;img src="http://payload43.cargocollective.com/1/2/65404/3161369/data.jpg" width="670" height="183" width_o="670" height_o="183" src_o="http://payload43.cargocollective.com/1/2/65404/3161369/data_o.jpg" data-mid="16162118"  border="0" align="left"/&#62;
&#60;img src="http://payload43.cargocollective.com/1/2/65404/3161369/fabrication.jpg" width="670" height="244" width_o="670" height_o="244" src_o="http://payload43.cargocollective.com/1/2/65404/3161369/fabrication_o.jpg" data-mid="16162119"  border="0" align="left"/&#62;

Project Team:  Tyler Johnson and Brian Buckner
A proposal for 10 UP Atlanta.  </description>
		
		<excerpt>The first understanding of the word reflection is typically that of an image being cast back from a surface that does not absorb it.  Upon deeper consideration of...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload43.cargocollective.com/1/2/65404/3161369/prt_1333858837.jpg" />

	</item>
		
		
	<item>
		<title>Helsinki Library</title>
				
		<link>http://www.tyler-johnson.com/Helsinki-Library</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Helsinki-Library</comments>

		<pubDate>Sun, 26 Feb 2012 19:05:56 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">2888115</guid>

		<description>&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/scan01_edits.jpg" width="300" height="133" width_o="300" height_o="133" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/scan01_edits_o.jpg" data-mid="14687030"  border="0" align="left"/&#62;The Heart of the Metropolis:  The new Helsinki Library is the cultural hub of the city.  The focus of the library is the large collection of books.  The stacks are stored in large hexagonal concrete silos.  These archives represent a museum of books: an internalized place for discovering  histories and contemplating futures.  The structures surround visitors with endless books and carefully filters zenithal light.  
&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/InteriorPerspective.jpg" width="670" height="502" width_o="1200" height_o="900" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/InteriorPerspective_o.jpg" data-mid="14686954"  border="0" align="left"/&#62;
The rest of the library is an open plan, allowing ultimate flexibility for a wide range of events.  The more public spaces are organized on the north side of the site while the “Learning and Doing” areas are situated adjacent to the library collection.  

&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/Section.jpg" width="670" height="150" width_o="1500" height_o="337" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/Section_o.jpg" data-mid="14687158"  border="0" align="left"/&#62;
The exterior envelope of the building is made of embossed insulated precast concrete panels which keep out the harsh winter environment.  The windows are covered with perforated metal panels which block the winter winds and filter the glare of the low sun angles.  Both panel systems relate to the unique city grid through their patterning.

&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/Plans.jpg" width="670" height="433" width_o="1500" height_o="971" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/Plans_o.jpg" data-mid="14687156"  border="0" align="left"/&#62; 
The building, acting as the Heart of the Metropolis, aspires to not only pump people through the building and back into the arteries of the city, but also to be a visual symbol of the city’s health.  Through the use of large scale back-lit panels the west facade of the building can become a giant LED display.  These super pixels act independently to convey abstracted information from a variety of sources (visitors, news feeds, weather, stock markets, twitter feeds, etc), or these panels can act as a large screen and display low-resolution movies for park visitors.

&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/panelProcess.jpg" width="670" height="215" width_o="1400" height_o="451" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/panelProcess_o.jpg" data-mid="14687154"  border="0" align="left"/&#62;
Building Skin:  The exterior envelope of the building is made from a series of embossed concrete panels and perforated metal panels.  The precast concrete panels provide thermal massing while the perforated panel filter natural light into the building.  The patterning for these panels is derived from a series of aerial photographs which have been extracted, pixelated, and stitched back together in a non-uniformly manner, effectively reinventing the city grid.  
&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/Elev.jpg" width="670" height="130" width_o="1500" height_o="292" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/Elev_o.jpg" data-mid="14687151"  border="0" align="left"/&#62;

&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/Panels_Render_edit.jpg" width="300" height="189" width_o="300" height_o="189" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/Panels_Render_edit_o.jpg" data-mid="14687518"  border="0" align="left"/&#62;Media Wall:  The exterior wall of the library facing the park is an interactive media wall.  This  precast wall system is comprised of large LED super-pixels.  The wall collects various forms of information regarding the library and the adjacent area of Helsinki and interprets this information into varying colors and patterns.  The media wall responds to its context through audible and occupancy sensors, climactic data, news headlines, and by collecting tweets sent to @MediaWall.  The wall can also be programmed to display low-res movies and live camera feeds.  
&#60;img src="http://payload29.cargocollective.com/1/2/65404/2888115/ExteriorRender.jpg" width="670" height="335" width_o="1600" height_o="800" src_o="http://payload29.cargocollective.com/1/2/65404/2888115/ExteriorRender_o.jpg" data-mid="14686949"  border="0" align="left"/&#62;</description>
		
		<excerpt>The Heart of the Metropolis:  The new Helsinki Library is the cultural hub of the city.  The focus of the library is the large collection of books.  The stacks are...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload29.cargocollective.com/1/2/65404/2888115/prt_1330303337.jpg" />

	</item>
		
		
	<item>
		<title>Living Architecture</title>
				
		<link>http://www.tyler-johnson.com/Living-Architecture</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Living-Architecture</comments>

		<pubDate>Sun, 25 Sep 2011 14:24:07 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1445601</guid>

		<description>

Architecture and landscape are often devoted to the visual aesthetic. Space is typically designed to "read" a certain way or to framed by "visual clues." Without question, environments are designed with the sight in mind, but how can the built environment be more than an arrangement of form? If every sense contributes to the perception of space, then the future of the built and un-built environment will continue to depend on its perception by humans.

&#60;img src="http://payload.cargocollective.com/1/2/65404/1445601/finalDrawing.jpg" width="670" height="353" width_o="1168" height_o="617" src_o="http://payload.cargocollective.com/1/2/65404/1445601/finalDrawing_o.jpg" data-mid="10223992"  border="0" align="left"/&#62;

The motivation for this project is to explore how sound creates landscape and how listening can interpret space. The work enables visitors to experience the physical aspects of sound and intends to remind us of the materiality of sound. This project challenges our customary emphasis on the visible. Buildings and architecture are usually described in visual terms. But it is often our sense of hearing which assists us in experiencing and navigating through the spaces of urban cities and natural landscapes. Sounds become as important spatial cues to direct us. There is no sound without space and no space without a sound. In everyday life we are surrounded by the sounds of diverse nature and various origins. Language, sounds of nature, sounds of growth. The goal will be to challenge the perception of landscape as being solely understood by sight. “Future Landscapes” as a balance of the senses.

This project is an attempt to mediate the sensory hierarchy. A blank canvas on the wall, it has little visual importance. The process of shadow detection forward of the canvas plane activates the chimes behind the canvas, executing a cacophony of sounds. A light opposite the canvas provides emphasis to the shadow detection. Thus, the installation is an object that affords no visual bias activated by a light that  illuminates a visually inaccessible area.

The kernel of the concept is rooted in scalability. While the installation currently operates in a small room, the limits of its applications are undened. A forest could be infused with interactive audio based on rays of light passing through branches.  Clouds could create symphonies. Burglars could trip pleasant alarms. Awareness arises when one realizes that visual impairment is not a hindrance but simply a different perspective.

Visit the course blog for complete tutorials.

Course Instructors:  David Benjamin and Soo-in Yang
Team Members:  Tyler Johnson, Joseph Justus, Bryce Suite, Paul Typa</description>
		
		<excerpt>  Architecture and landscape are often devoted to the visual aesthetic. Space is typically designed to "read" a certain way or to framed by "visual clues." Without...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1445601/prt_1316979552.jpg" />

	</item>
		
		
	<item>
		<title>Carbon Scanner</title>
				
		<link>http://www.tyler-johnson.com/Carbon-Scanner</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Carbon-Scanner</comments>

		<pubDate>Sun, 25 Sep 2011 10:17:44 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1445602</guid>

		<description>&#60;img src="http://payload.cargocollective.com/1/2/65404/1445602/QRcodes.jpg" width="667" height="208" width_o="667" height_o="208" src_o="http://payload.cargocollective.com/1/2/65404/1445602/QRcodes_o.jpg" data-mid="10219690"  border="0" align="left"/&#62;

Mobile phones, and particularly the current generation of smart phones, are an expansive platform for spatial computation. Taking on the role of software developer, architects are well-poised to deliver compelling experiences that build strong connections between information and space. Space can be mapped, tagged, generated, shared and experienced through the device's considerable sensing and processing capabilities. The platform allows one to design experiences and generative spaces that are simultaneously embedded in worlds both real and virtual. The goal of this project is to develop a "spatial app" - a loose description that means to stimulate thinking on the notion of mobile and embedded technology.

For this project I chose to utilize the geo-locating system and the robust map kit already embedded in the iOS device.  This mobile application proposes a global system of object tracking that allows a user to trace the path of a single item back to its origin or manufacturing point.  This information is then combined with the current location and the weight of the item to calculate the carbon emission required to transport this item.  This app encourages people to buy locally produced/manufactured products by allowing them to easily scan a barcode and collect this information before the point of purchase.

Screen shots of actual app
Tracking a bottle of Arizona Tea purchased on campus.  Total travel = 57 miles;  Total emission = .0756lbs CO2
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445602/series1_revised.jpg" width="666" height="430" width_o="666" height_o="430" src_o="http://payload.cargocollective.com/1/2/65404/1445602/series1_revised_o.jpg" data-mid="10220035"  border="0" align="left"/&#62;

Tracking a bottle of Snapple Tea purchased on campus.  Total travel = 882 miles;  Total emission = .1.169lbs CO2
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445602/series2_revised.jpg" width="666" height="430" width_o="666" height_o="430" src_o="http://payload.cargocollective.com/1/2/65404/1445602/series2_revised_o.jpg" data-mid="10220036"  border="0" align="left"/&#62;

This application was created for the App-itecture class at GSAPP.
Course Instructors:  Mark Collins and Toru Hasegawa of Proxy

Source code available here.</description>
		
		<excerpt>  Mobile phones, and particularly the current generation of smart phones, are an expansive platform for spatial computation. Taking on the role of software...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1445602/prt_1316963601.jpg" />

	</item>
		
		
	<item>
		<title>Open Paths</title>
				
		<link>http://www.tyler-johnson.com/Open-Paths</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Open-Paths</comments>

		<pubDate>Mon, 05 Sep 2011 19:08:23 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1958772</guid>

		<description>	Fullscreen
   </description>
		
		<excerpt>   </excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1958772/prt_1315267683.jpg" />

	</item>
		
		
	<item>
		<title>Fast Food Nation</title>
				
		<link>http://www.tyler-johnson.com/Fast-Food-Nation</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Fast-Food-Nation</comments>

		<pubDate>Sat, 16 Jul 2011 08:57:39 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1731162</guid>

		<description>	Fullscreen
&#60;img src="http://payload.cargocollective.com/1/2/65404/1731162/McDonalds.png" width="670" height="335" width_o="1200" height_o="600" src_o="http://payload.cargocollective.com/1/2/65404/1731162/McDonalds_o.png" data-mid="8513295"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1731162/BurgerKing.png" width="670" height="335" width_o="1200" height_o="600" src_o="http://payload.cargocollective.com/1/2/65404/1731162/BurgerKing_o.png" data-mid="8513291"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1731162/CarlsJr.png" width="670" height="335" width_o="1200" height_o="600" src_o="http://payload.cargocollective.com/1/2/65404/1731162/CarlsJr_o.png" data-mid="8513293"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1731162/KFC.png" width="670" height="335" width_o="1200" height_o="600" src_o="http://payload.cargocollective.com/1/2/65404/1731162/KFC_o.png" data-mid="8513294"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1731162/Sonic.png" width="670" height="335" width_o="1200" height_o="600" src_o="http://payload.cargocollective.com/1/2/65404/1731162/Sonic_o.png" data-mid="8513296"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1731162/Whataburger.png" width="670" height="335" width_o="1200" height_o="600" src_o="http://payload.cargocollective.com/1/2/65404/1731162/Whataburger_o.png" data-mid="8513297"  border="0" align="left"/&#62;

Fast Food Nation Tutorial

This project is intended to explore data transferability, manipulation and visualization of a large data set.  This tutorial teaches the basics of collecting raw data, convert data into a usable format, processing large amounts of data for visualization purposes.
Download all needed files (including .csv) here.

Step 1.
Download POI (Point of Interest) files from any of the gps manufactures or other 3rd party providers.  The site I used to collect this information recently went offline, but you can find other good POI sites.

Step 2.
Convert your POI information into the correct format.  I prefer to download the information as a KML file (which you can view in Google Earth) and then use a KML to CSV converter found here.  Open the .csv file in excel to review the information - the first two columns should be geo-coordinates.  I recommend deleting any excess information to avoid future errors in Processing.

Step 3.
Time for some coding.  Conceptually what we want to do is read through a list of .csv files, read each document line-by-line and extract the longitude and latitude values, convert these values to X &#38; Y pixel coordinates and plot these locations on the screen.

// CODE //
// Original code by www.tyler-johnson.com

// Global Variables
ArrayList coordPop;
float x;
float y;
int n;
PFont font;
PFont small;

float mapGeoLeft   = -140;
float mapGeoRight  = -50;
float mapGeoTop    = 57;
float mapGeoBottom = 22;

void setup() {
  size(1200,600);
  background(0);
  smooth();
  coordPop = new ArrayList();

  String[] csvName = {
    "McDonalds.csv","CarlsJr.csv", "KFC.csv", "Sonic.csv", "Whataburger.csv", "BurgerKing.csv"
  };

  for(int n = 0; n &#60; csvName.length; n++) {
    String[] textFileLines = loadStrings(csvName[n]);
    for(int i = 0; i &#60; textFileLines.length ; i++) {
      //split file based on ","
      String[] geoLoc = split(textFileLines[i], ",");
      float x = float(geoLoc[0]); //lat
      float y = float(geoLoc[1]); //lon

      coordPop.add(new coord(x,y,n));
      for(int j=coordPop.size() -1; j</description>
		
		<excerpt>  Fast Food Nation Tutorial  This project is intended to explore data transferability, manipulation and visualization of a large data set.  This tutorial teaches...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1731162/prt_1310690372.png" />

	</item>
		
		
	<item>
		<title>This Place Sucks</title>
				
		<link>http://www.tyler-johnson.com/This-Place-Sucks</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/This-Place-Sucks</comments>

		<pubDate>Mon, 20 Jun 2011 20:35:56 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1612503</guid>

		<description>Processing + Twitter
&#60;img src="http://payload.cargocollective.com/1/2/65404/1612503/screen03.png" width="670" height="334" width_o="1200" height_o="599" src_o="http://payload.cargocollective.com/1/2/65404/1612503/screen03_o.png" data-mid="7947356"  border="0" align="left"/&#62;
Processing is an open source programming language and environment that is specifically designed for designers.  This software is an ideal interface for visualizing information and data.  Twitter, like most social networks, is filled with layers of information, and finding a way for these programs to talk to each other opens many possibilities for  data visualization.

This Place Sucks is a simple visualization using a search of Twitter to find tweets that contain the phrase "this place sucks."  Any of the 100 most recent tweets that contain a geotag are then plotted on a map of the world, revealing a map of places that suck.  Obviously the information gathered from twitter is highly opinionated and wouldn't hold any weight in a scientific debate, however it does provide a sense of who is saying what and where.  

This tutorial requires a very basic knowledge of coding and the processing syntax.  You can learn and download Processing here.  Also required for this tutorial is the Twitter4J library which can be found here.  Additionally you will need the background image.

All needed files can be found here.


Explanation of code:
//  code written by:  http://www.tyler-johnson.com
//  use your twitter account info in void draw to access twitter

// global variables
Twitter myTwitter;
PFont font;
PFont fontSmall;
ArrayList coordPop;
PImage worldMap;
ArrayList prevTweets;
int interval;

// variables to map coordinates
float mapGeoLeft   = -180; //west
float mapGeoRight  =  180; //east
float mapGeoTop    =   90; //north
float mapGeoBottom =  -90; //south

void setup() {
  size(1200,600);
  background(0);
  smooth();
  frameRate(15);
  coordPop = new ArrayList();
  worldMap = loadImage("worldMap.jpg");
  interval = 360;  // this will control how often we access twitter
  font = loadFont("HelveticaNeue-Bold-17.vlw"); // fonts must be located in the same folder
  fontSmall = loadFont("HelveticaNeue-UltraLightItalic-14.vlw");
  textFont(fontSmall);
  textAlign(CENTER);
  fill(0);
  // text to act as a place holder while connecting to twitter
  text("loading twitter feed...", (width/2)-100, (height/2)-100, 200, 200);
} // end setup

void draw() {  // runs continuously at frameRate
  image(worldMap,0,0,width,height); // background image

  myTwitter = new Twitter("username", "password"); //your account information
  if( (frameCount == 1) &#124;&#124; ( (frameCount % interval) == 0) ) {  // how often we access twitter
    try {
      Query query = new Query("this place sucks -RT"); //text to search (remove RT)
      query.setRpp(100);    //result size
      QueryResult result = myTwitter.search(query);
      ArrayList tweets = (ArrayList) result.getTweets();
      for (int i = 0; i &#60; tweets.size(); i++) {
        Tweet t = (Tweet) tweets.get(i);
        String user = t.getFromUser();
        String msg = t.getText();
        Date d = t.getCreatedAt();
        GeoLocation loc = t.getGeoLocation();
        String s = t.getSource();
        //extract additional data here...

        // check for GeoTagged Locations
        if (loc != null) {
          double lon = loc.getLongitude();
          double lat = loc.getLatitude();
          float x = (float)lon;
          float y = (float)lat;
          // Add x &#38; y to coordPop ArrayList
          coordPop.add(new coord(x,y));
          for(int j=coordPop.size() -1; j</description>
		
		<excerpt>Processing + Twitter  Processing is an open source programming language and environment that is specifically designed for designers.  This software is an ideal...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1612503/prt_1308619866.jpg" />

	</item>
		
		
	<item>
		<title>Iron Tribe Fitness</title>
				
		<link>http://www.tyler-johnson.com/Iron-Tribe-Fitness</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/Iron-Tribe-Fitness</comments>

		<pubDate>Sat, 18 Jun 2011 11:57:28 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1610706</guid>

		<description>Iron Tribe Fitness is a 2,500 sf Crossfit training facility.  The renovation consists of an open exercise floor, offices, restrooms and outdoor training areas.
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide2.jpg" width="670" height="771" width_o="670" height_o="771" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide2_o.jpg" data-mid="7891213"  border="0" align="left"/&#62;
The budget-conscious renovation transformed an abandoned print shop into a modern fitness facility.  The building itself acts as a piece of exercise equipment.   The walls, columns, trusses and courtyards are integrated into the workout routines.  The program was organized to allow for multiple training apparatus layouts.  Support spaces are consolidated along the south wall to maximize the area of the exercise floor.   

Workouts utilize interior and exterior spaces simultaneously.   The mechanical and lighting systems were designed to operate accordingly.  A large overhead door and multiple operating windows all for cross ventilation.  The design intervention was minimized to preserve the day lighting in the space.  The division of public and private spaces is wrapped in translucent and semi-translucent acrylic panels that allow light to pass through the spaces.  This 50 foot long wall doubles as a large marker board used for teaching workouts and tracking an individual’s performance.  

The minimal finishes of the space create a contrasting backdrop for the intense workouts.  The insertion of new elements is highlighted by a juxtaposition of material and color.  The use of bright colors activates certain key areas for different workouts.    New elements like signage and awnings are composed of polished aluminum and translucent acrylic.  New clear windows were added to allow the interior of the space to be viewed from a popular corner in downtown Homewood.  The illuminated corner blade sign is visible from both approaches and turns the historic building into a new landmark for the community.

&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide3 copy.jpg" width="670" height="725" width_o="670" height_o="725" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide3 copy_o.jpg" data-mid="7891221"  border="0" align="left"/&#62;

&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide4.jpg" width="367" height="670" width_o="367" height_o="670" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide4_o.jpg" data-mid="7891230"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide5.jpg" width="670" height="625" width_o="670" height_o="625" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide5_o.jpg" data-mid="7891234"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide6.jpg" width="670" height="652" width_o="670" height_o="652" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide6_o.jpg" data-mid="7891236"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide7.jpg" width="670" height="644" width_o="670" height_o="644" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide7_o.jpg" data-mid="7891237"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide8.jpg" width="491" height="670" width_o="491" height_o="670" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide8_o.jpg" data-mid="7891238"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide9.jpg" width="670" height="375" width_o="670" height_o="375" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide9_o.jpg" data-mid="7891240"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide10.jpg" width="670" height="307" width_o="670" height_o="307" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide10_o.jpg" data-mid="7891241"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide11.jpg" width="670" height="932" width_o="670" height_o="932" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide11_o.jpg" data-mid="7891245"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide12.jpg" width="670" height="546" width_o="670" height_o="546" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide12_o.jpg" data-mid="7891248"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1610706/Slide13.jpg" width="670" height="446" width_o="670" height_o="446" src_o="http://payload.cargocollective.com/1/2/65404/1610706/Slide13_o.jpg" data-mid="7891251"  border="0" align="left"/&#62;

Project Information:
Iron Tribe Fitness
2809 Central Avenue
Homewood, AL 35209

Owner/Client:
Iron Tribe Fitness (Tenant)
Hawthorne Realty (Landlord)

Architect of Record:
Hudson Architecture, LLC
104 Broadway Street, Suite 200
Homewood, AL 35209

Project Team:
John Hudson, AIA, LEED AP
Tyler Johnson, LEED AP
Erin Graves

Landscape Architect:
Environmental Design Studio

Consultants:
Graphics:  Whitespace Studio, LLC
Structural:  LBYD, Inc.

General Contractor:
Landlord Coordinated &#38; Twin Construction, LLC

Photographer:
Jason Wallis Photography (all photographs)</description>
		
		<excerpt>Iron Tribe Fitness is a 2,500 sf Crossfit training facility.  The renovation consists of an open exercise floor, offices, restrooms and outdoor training areas.  The...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1610706/prt_1308416215.jpg" />

	</item>
		
		
	<item>
		<title>#EOYS2011</title>
				
		<link>http://www.tyler-johnson.com/EOYS2011</link>

		<comments>http://www.tyler-johnson.com/following/tyler-johnson.com/EOYS2011</comments>

		<pubDate>Sun, 22 May 2011 15:39:03 +0000</pubDate>

		<dc:creator>Tyler Julian Johnson &#124; Architect + Designer</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">1445600</guid>

		<description>At the end of every school year the students of the GSAPP program are given free reign to design and curate an End of the Year Show.  This show is a display of student work and it is displayed in a variety of mediums.  For this exhibit the students of like studio decided to host the End of Year Show online using social media.  Since people are now more likely to comment on each others work in an online environment I wrote a custom twitter feed that searches the #EOYS2011 hash-tag and pools these messages into a a collective conversation.  These tweets are also geolocated on a map of the surrounding area.  The work of the studio is displayed on several monitors and visitors are welcome to take "like" stickers to tag the work of other studios.  The End Of Year Show is held in Avery and Buell Hall on May 14, 2011.

Design of End of Year Show space
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/design01_revised.jpg" width="670" height="469" width_o="670" height_o="469" src_o="http://payload.cargocollective.com/1/2/65404/1445600/design01_revised_o.jpg" data-mid="7231198"  border="0" align="left"/&#62;

End of Year Exhibit
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/finish01_revised.jpg" width="670" height="710" width_o="670" height_o="710" src_o="http://payload.cargocollective.com/1/2/65404/1445600/finish01_revised_o.jpg" data-mid="7231199"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/finish02.JPG" width="670" height="526" width_o="670" height_o="526" src_o="http://payload.cargocollective.com/1/2/65404/1445600/finish02_o.JPG" data-mid="7230922"  border="0" align="left"/&#62;

Custom Twitter Feed written in Processing.  This feed acted as a way of hosting a virtual End of Year Show by capturing what everyone was saying during the physical End of Year Show.  The geolocation of each tweet is marked on a local map of the Morningside Heights area.
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/twitterFeed01.jpg" width="670" height="302" width_o="670" height_o="302" src_o="http://payload.cargocollective.com/1/2/65404/1445600/twitterFeed01_o.jpg" data-mid="7230924"  border="0" align="left"/&#62;

Project Videos: Studio Introduction, App Videos, Project Videos


Slideshow of exhibit process

&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/before.JPG" width="670" height="409" width_o="670" height_o="409" src_o="http://payload.cargocollective.com/1/2/65404/1445600/before_o.JPG" data-mid="7230911"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work01.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work01_o.JPG" data-mid="7230926"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work02.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work02_o.JPG" data-mid="7230930"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work03.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work03_o.JPG" data-mid="7230931"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work04.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work04_o.JPG" data-mid="7230933"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work05.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work05_o.JPG" data-mid="7230936"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work06.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work06_o.JPG" data-mid="7230938"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work07.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work07_o.JPG" data-mid="7230943"  border="0" align="left"/&#62;&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work08.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work08_o.JPG" data-mid="7230965"  border="0" align="left"/&#62;
&#60;img src="http://payload.cargocollective.com/1/2/65404/1445600/work09.JPG" width="670" height="500" width_o="670" height_o="500" src_o="http://payload.cargocollective.com/1/2/65404/1445600/work09_o.JPG" data-mid="7230972"  border="0" align="left"/&#62;

Project Team:  Tyler Johnson, Jeff Dahl, Nat Felder, Yuchen Huang, Razz Raksmey, Courtney Pope, Dionysios Kaltis
</description>
		
		<excerpt>At the end of every school year the students of the GSAPP program are given free reign to design and curate an End of the Year Show.  This show is a display of...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

		<media:thumbnail url="http://payload.cargocollective.com/1/2/65404/1445600/prt_1306089407.jpg" />

	</item>
		
	</channel>
</rss>