NOLA Info Vizualization Primer

18
How Do We Visualize Community? A few InfoViz examples Compiled by Ida C. Benedetto New Orleans Chase Competition :: March 28, 2006

Transcript of NOLA Info Vizualization Primer

Page 1: NOLA Info Vizualization Primer

How Do We Visualize Community?

A few InfoViz examples Compiled by Ida C. Benedetto

New Orleans Chase Competition :: March 28, 2006

Page 2: NOLA Info Vizualization Primer

All text taken from Visualizing Information for Advocacy: An Introduction to Information Design

by John Emerson

http://www.backspace.com/notes/2008/02/15/x.html

Page 3: NOLA Info Vizualization Primer

Maps are useful for showing spatial issues or locations.

Page 4: NOLA Info Vizualization Primer

Travel time in London© Crown copyright. Department for Transport 100020237 2006http://www.mysociety.org/2006/travel-time-maps/

Page 5: NOLA Info Vizualization Primer

Charts are useful for showing quantities and trends over

time.

Page 6: NOLA Info Vizualization Primer

Edits to the Wikipedia entry on “Capitalism” organized by version and authorhttp://www.research.ibm.com/visual/projects/history_flow/gallery.htm

Page 7: NOLA Info Vizualization Primer

Diagrams and flowcharts may best illustrate processes or

relationships.

Page 8: NOLA Info Vizualization Primer

41 most frequent characters from different Holy Scriptureshttp://similardiversity.net/

Page 9: NOLA Info Vizualization Primer

When designing your graphics, consider using

contrasting thicknesses, tints, line styles or shapes first, before considering color.

Page 10: NOLA Info Vizualization Primer

Fidg’t’ : Live interactive visualization of Flickr and lastFM networkshttp://www.fidgt.com/visualize

Page 11: NOLA Info Vizualization Primer

The style of your elements can convey meaning. Too

many styles may clutter the page. Thin lines are generally

preferable to thick lines.

Page 12: NOLA Info Vizualization Primer

Stock Market Ticker Gardenhttp://infosthetics.com/archives/2006/04/

ticker_garden_stock_market_visualization.html

Page 13: NOLA Info Vizualization Primer

You don’t need a computer to create great design. Design graphics with pen, paper or

collage.

Page 14: NOLA Info Vizualization Primer

Ted Talks Big Viz Bookhttp://blog.ted.com/2008/03/

visualizing_ted.php

Page 15: NOLA Info Vizualization Primer

Show the actual data, as much as you can. People can

deal with much greater information density than you think. Your job is to help them see the patterns in the data.

Page 16: NOLA Info Vizualization Primer

How Scientific Paradigms relate: W.B. Paleyhttp://wbpaley.com/brad/mapOfScience/

index.html

Page 17: NOLA Info Vizualization Primer

Death and Taxeshttp://www.thebudgetgraph.com/

Page 18: NOLA Info Vizualization Primer

ResourcesInformation Aesthetics - http://infosthetics.com

Visual Complexity - http://www.visualcomplexity.com/vc

Social Design Notes - http://backspace.com/notes

Processing.org Exhibition - http://processing.org/exhibition

Good Magazine - http://www.goodmagazine.com

Eager Eyes - http://eagereyes.org