DMA160 - Visualizing Data

Global flow map of $ in the FIFA scandal.  USC x UCLA collaboration. http://thefieldsofgreen.com/2015/06/19/fifa-infographic/

LA Times does a good job mapping out SWITRS ped and bike crash data for Northeast LA. http://graphics.latimes.com/northeast-la-bike-pedestrian-accidents/

One can never grow tired of these stylized map "shaders".  Map tiles take longer to load, but worth the wait.  The fact that this is generated on-the-fly is mindblowing. https://www.mapbox.com/blog/space-station-earth/

Place Pulse - César A. Hidalgo / MIT Media Lab (2010) People's perceived safety of an area based on Google Street View photos.  Ingenious. http://www.fastcoexist.com/3015746/visualized/can-you-tell-how-dangerous-a-neighborhood-is-from-just-a-picture There is a mention of the Broken Windows Theory, and Giulani's Zero-tolerance approach to crime.  I believe the zero tolerance policy towards petty crime started started a few generations prior during Ed Koch's mayorship.  Malcolm Gladwell provides a good summary on the NY crime epidemic of that era in his Tipping Point book. I remember coming across this original project a few months ago, I am glad to see a research paper has come along to summarize the findings.   They've used the same Javascript Sparklines for their miniature "trending" charts that our students employed in their projects for this summer's class.

The voice maps show which people or places have had the strongest effect on the speaker's accent.   The simple, stark black and white design of the voice maps only adds to an already powerful commentary. http://neromagazine.it/magazine/index.php?c=articolo&idart=1078&idnum=42&num=32 The larger, more colorful image in the photoset is Lisa Cooley's rendition of this project.  High quality PDF >> http://www.jannaullrich.de/popup/conflicted/Conflicted_Phonemes_LawrenceAbuHamdan_JannaUllrich.pdf

Sam L'Ecuyer talked about the struggle to handle file uploads in the browser and the creation of his own True Type font engine.

2nd Floor (Huge's offices) Chris Mendez, will talk about Geotunes, a geolocative music discovery app, and Sam L'ecuyer will demo a Javascript font engine. Highly recommended educational and networking opportunity.

Gottfried demonstrates how to convert CSV data to a JSON array

Pictured is a composite of all the routes they've ever taken.  The brighter the street, the more it's been used as part of a weekly route. http://www.thepassageride.com/Maps/Maps

Being a very simple way to see your data, I decided to do my own metadata that I found to be very revealing. The image consists of all my interactions since I opened my account and reveals all the people with circles ranging in size depending how many emails passed between us. The data furthermore allows for a closer analysis by clicking on the circles and seeing exactly when you first started to email them, last email, sent, and received. It also categorizes people into networks if they were attached to the email as well. Through my metadata, I realize I mostly email people from school or the ones I have worked with.

Chicago bike crash heat map http://www.chicagomag.com/Chicago-Magazine/The-312/July-2013/Where-the-Cyclists-and-Bike-Crashes-Are-in-Chicago/ As is often expected, the increase in cyclist injuries is almost proportional to the increase of bike commuters.  Downtown areas of a city contain more destinations, and the street network is usually denser - therefore, these often show up as red on such maps. The article mentions that diagonal streets with heavy traffic could be the culprit.  Diagonal streets will have a 6-way major intersection every 1/3 of a mile.  From personal experience, a bad idea without a traffic circle.

Project 2 movie choices.   A couple of duplicates, which means each person will focus on different visual aspects of that film.  A few animated features of different eras, some classics, a couple with heavy VFX, and a black and white flick with an over-the-top movie poster.  This will be interesting.

Eisenstein's Alexander Nevsky (1938) storyboard Turns out that the bottom row was a Diagram of Movement, a mix of pictures and musical score.  My assumption is that the line represents a rise and fall of overall excitement in each shot. http://northernyarns.tumblr.com/post/8618555210/sergi-einstein-storyboard-for-alexander-nevsky

Strikingly similar to a Philip K Dick novel, Ubik.

Project 1 final presentations

Motivation behind our in-class labs is mostly practical. You will end up using a combination of these scripting languages and libraries for your final project.  But more importantly, familiarity with scripting languages such as JS and PHP, as well as relational databases will only make you a stronger candidate in the job market.

Thematic Identity Map - In-class Critique The first class project:  A pen-and-paper basemap, ranging from geographic (street network, local neighborhood) to metaphysical (mind map), plus layers of personal information.  This was meant to divulge new information about oneself through visualization of data collected at semi-regular intervals. Data represented in these Identity Maps was collected in a time span as short as an hour, or a whole day, even up to the length of an entire school semester.  We had a varied mix of infographic styles - flow maps, time series, spatial narratives, relational charts, treemap. You name it, they mapped it:  Friend network fluctuation, Quality of inter-personal interactions, Daily activities, Attire choice based on outdoor temperature levels, Food consumption and personal nutrition,  Internet browsing history, Personal mobility, Visual resume, Monetary income and expenses. A very impressive first pass at a fairly open-ended assignment.