Week 5 Case Study and Project Development

Paula Scher's "Diagram of a Blog"

Monday's highlight - a guest presentation from a professional infographic designer Jacob O'Brian, a former UO student.

This week for project development, we will strive to achieve the ideal goal of design - unity of function and beauty. Make your best effort to make your project the most effective communication of information in the most beautiful form. Here I will add a few cases for the study:

Paula Scher's "Diagram of a Blog" and her take on "Who Gives The Best Info?"
http://blog.pentagram.com/archives/PS_Blog_Sm.jpg
http://www.huffingtonpost.com/paula-scher/fauxinfo-its-all-around-y_b_812397.html

Social Network: Mexican Drug Cartel "La Familia Michoacana"
http://www.edge.org/documents/Edge-Serpentine-MapsGallery/high-res/salcedo.jpeg

A new data visualization from GE measures mid-market CFO confidence in the economic recovery
http://pentagram.com/en/new/2010/12/new-work-ge-capital.php

A Year in Iraq and Afghanistan (see two visualizations and notice how choices made)
http://www.nytimes.com/2011/01/30/opinion/30casualty-chart.html?_r=1
http://infosthetics.com/archives/2011/01/the_casualties_of_the_year_2010_in_iraq_and_afghanistan.html

And let's take a closer look at this favorite for many of you: A CROWDED MARKET
http://www.psfk.com/wp-content/uploads/2010/06/Infographic-Meet-iPads-Competition.jpg

Also remember to check out the 12 Data Viz Masterpieces From the 19th Century
http://www.fastcodesign.com/1663080/infographics-of-the-day-12-data-viz-masterpieces-from-the-19th-century#2

On Wednesday, each student must present a second rendering of your project in print in real size for review.

North American Dialects

This isn't the easiest thing to read through, but easily the most impressive collection of data i've seen this term. Full site here.

TripWire Magazine

http://www.tripwiremagazine.com/2009/12/70-tools-for-visualizing-your-data-css-flash-jquery-php.html

Week 4: Case Studies for Data Visualization

Comparative Geography (mountains + rivers), 1854.

Nathan Yau –Seeing your life in data:

“A story of charts and graphs might read a lot like a textbook; however, a story with context, relationship, interactions, patterns, and explanations reads like a novel.”

“We want to present the facts, but we also want to provide context, like the who, what, when, where, and why of the numbers. We are after emotion. Data often can be sterile, but only if we present it that way.”

Visualizing Urban Data, Michael Migurski'three guiding contexts:

Here vs. There, Now vs. Then and Small-Here vs. Big-Here.

10 Best Data Visualization Projects of the Year – 2010

Horoscoped

A Visual Atudy of The Four Seasons by Antonio Vivaldi
Meet iPad’s competitions (and other projects by sectiondesign.co.uk)

FUNCTION, Pixelated representation of the deaths in Iraq

Crime in San Francisco as elevations

Search Portland Oregon for visualization pieces
Portland + [blank] in the National News Media
Relative percentage of visitors to local news sites in Portland
WSM campaign, BikePortland coverage wordle

Must see - a former student Jacob who specializes in infographics just sent me this link to superb images of Victorian Infographics. You can also see more information from this post here. Thank you Jacob!

Week 3: Project Development

I hope everyone has gathered information needed for your project. This is the first step in developing your project. If you need some help to complete this step, you may find the following blog posts helpful:

30 Resources to Find the Data You Need
Buy and sell data at Data Marketplace
Scraping for Journalism: A Guide for Collecting Data

Looking ahead, I think you will enjoy designers responses to "Visualize This" challenges and the most recent one is "where the public gets its news"

For amusement, here is "May the Tallest and Fattest Win the Presidency," and "Movie Character Interactions."

I look forward to your first progress report this coming Wednesday. Let me know if you have any questions and how I can help.

Update- Matthew Pfliiger found this great link for visualization tools.

Week2 Case Study

Mapping and Self-surveillance - Cartographer Andy Woodruff documents all the places he goes, resulting in this pretty map

Bennington Spots - a map that displays the collective experience of the Bennnington College community

Map Your Move

A gadget’s life: From gee-whiz to junk

End of Year Best Album Charts

The illusion of diversity: visualizing ownership in the soft drink industry

Invisible Cities

Synesketch -an artistic software library (Java API) for creative visualization of textual emotions

Spamghetto - junk email wall covering

Week 2 Notes

Infographic example of the day:

http://notabilia.net/

Moritz Stefaner's Notabilia [notabilia.net] reveals the sentiment within the community discussions that focus on keeping or deleting specific Wikipedia entries.

The dataset with the 500 longest AfD discussions in Wikipedia as of July 2010 is freely available on Google Docs.
Open source software used in this project include Flare and Tableau

Looking at projects and text from the book "Data Flow 2", categorized in eight visualization structures - dataprocess, datablocks, datacircles, datacurves, datalogy, datanets, datamaps, dataesthetic. You can see those images on flickr from this link.

Week 1 Notes

You did a nice job to share your picks of infographic projects. Here is a few things I shared in class today:

Interactive Maps & Data from American Human Development Project
The Sheep Market Project. Here is a interview of the project creator Aaron Koblin.
The movie "A Day In The Life Of Mister O" - 14 minutes, watch it after class

Images of varies design and art projects are now on Flickr.

Now that we have had a good look at many great projects, I ask that you begin to think about your first project and bring content ideas to next class.

Here is a list of tools you might find useful for your projects-
Free iPhone App for Personal Data Tracking
How to become a data visualization ninja with 3 free tools for non-programmers

Next week we will look in to information graphic design process, principle, structures, and resources. We will also start on your first project.

b.

VIDEO EXAMPLE

  

Chart for Chart's Sake

Diagrams Rule from Infographics Showcase

http://www.infographicsshowcase.com/wp-content/uploads/2010/06/funny-Infographic.jpg

Nonsensical Infographics

http://www.20x200.com/art/2009/09/nonsensical-infographic-no-1.html

Pie Chart

http://thefuturebuzz.com/pics/viral%20images%20part%202/34piechart.jpg

http://alphadesigner.com/project-mapping-stereotypes.html

http://grainandgram.com/gregperkins/

http://www.informationisbeautiful.net/visualizations/2012-the-end-of-the-world/

top secret.

(click me for secrets)

Wikileaks inspired interactive info graphic. It shows the connection of private businesses to government organizations and top secret stuff. I feel like I am revealing unknown information when I navigate this 'map'. I enjoy that.

traffic.

This is a map of bus, car, plane and public transportation traffic on a particular evening of rush out in the united states. It makes the familiar unfamiliar and the non organic feel organic. In addition, I like looking at it.

how i feel.

Why not?

hey jude video flow chart

This InfoGraphic is simple, easy to read, and user-friendly as it allows people to search different topics over the past 200 years.

http://www.fastcodesign.com/1662912/infographic-of-the-day-google-uses-200-years-of-books-to-track-our-culture

I also found this to be very informative in regards to the political climate over the last decade. I like the level of interactivity.

http://awesome.good.is/transparency/web/1010/political-climate-chart/interactive.html

hey jude flow chart

Research: Mapping the Impact of Traffic on the Livability of Streets

Where are you??

FourSquare Visualization by WeePlaces.com from Eric Wu on Vimeo.

This app takes your social networking data and compiles it into a really neat visual that follows your travels.

Eurovision!!!

This is an interactive chart showing the breakdown of votes during the Eurovision music competition. I am really interested in this contest and am excited to see the utilization of beautiful things.

http://blob.creanode.com/blob/eu2009/

Infographics

Here's two examples that I thought were very clear, to the point, with intesting graphics.

http://sammooty.wordpress.com/2010/11/19/infographics/

http://www.infographicsshowcase.com/airbus-a380-extraordinary-facts-infographic/

A subtle representation of information, great colors and design, not information overload.

http://adsoftheworld.com/media/print/hospital_aleman_tree?size=_original

Artist website: http://adsoftheworld.com/taxonomy/brand/hospital_aleman

The use of other mediums such as video and photography is very interesting.

http://www.visualcomplexity.com/vc/project_details.cfm?index=53&id=621&domain=Art

Artist website: http://www.quayola.com/index.php?/soundvisualisation/cityscan/

http://www.ted.com/talks/lang/eng/chris_jordan_pictures_some_shocking_stats.html

Artist website: http://www.chrisjordan.com/gallery/epu/#e-pluribus-unum

"I kid you not, statistics is now the sexiest subject on the planet." -Hans Rosling

Greetings. I look forward to sharing with you a learning experience in information graphic arts. The list of books will be on hold at our library for your use. From the list of websites, you will also find great insights on this subject and many inspiring project to explore. The site building is on going, readings, case studies, and discussions, will be added as the course unfold. You are always welcome to contribute relevant resources to the class and the blog site to share.

This week we will start with a survey of this exciting field - looking at a broad range of great work and hearing some leading practitioners talk. Here is a few links to high light:

David McCandless: The beauty of data visualization
David McCandless turns complex data sets (like worldwide military spending, media buzz, Facebook status updates) into beautiful, simple diagrams that tease out unseen patterns and connections. Good design, he suggests, is the best way to navigate information glut -- and it may just change the way we see the world.

The Joy of Stats

Interview: Nicholas Felton

Political Climate: What Americans Care about During Elections (interactive)

Pixelating the Casualties in Iraq

Lize Mogel

Julie Mehretu’s talk at Univ. of Michigan