F14 CS lec11 data viz

Introduction to Data Science Lecture 11 Data Visualization CS 194 Fall 2014 John Canny incorporating notes from Michael Franklin, Dan Bruckner, Evan Sparks, Shivaram Venkataraman, Maneesh Agrawala and Jeff Hamerbacher Outline Visualization: • • • How not to it How to static visualizations Making it interactive First, A Classic Charles Joseph Minard 1869 Napoleon’s March According to Tufte: “It may well be the best statistical graphic ever drawn.” variables: Army Size, location, dates, direction, temperature during retreat More Examples • The famous Gapminder Video, Hans Rosling: 200 Countries, 200 Years, Minutes • https://www.youtube.com/watch?feature=player_embedded&v=jbkSRLYSojo • NY Times Interactive Visualizations (e.g., 2013 Federal Budget) • http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html • Also, Map-based visualizations, such as CrimeMapping • http://www.crimemapping.com/map.aspx?aid=3f1738a8-6160-4c68-998a-ae00f597613a Some Anti-Examples • Courtesy of WTFViz.net Visualization to Educate? from wtfviz.net Another Interesting One from wtfviz.net Pie in the Sky? from wtfviz.net Needs Fixing from wtfviz.net Chart Design • 31 Example from Tim Bray Chart Design • 32 Example from Tim Bray Chart Design • 33 Example from Tim Bray Chart Design • 34 Example from Tim Bray Chart Design • 35 Example from Tim Bray Chart Design • 36 Example from Tim Bray Design Considerations • Color • • • 37 By default, use your organization’s palette Choose colors based on the information you want to convey • • • Sequential Diverging Categorical Use online resources to discover and record your color schemes • • • Color Brewer Kuler Colour Lovers Design Considerations • 38 Color Design Considerations • 39 Color Design Considerations • 40 Color Design Considerations • Color 41 Design Considerations • 42 Color Design Considerations • 43 Color Updates and Break Midterm is on 11/24, 5:00-6:30 pm here Sample midterm (Spring 2014) is online now Project presentations on 12/1 and 12/3 (5 mins) Poster session on Thursday 12/11 3:30-5pm, BIDS BREAK ... others Data Presentation • Designer-Reader -Data Trinity From “Designing Data Visualizations”, 17 Iliinsky and Steele, O’Reilly, 2011 Uses for Data Viz Uses for Data Viz Uses for Data Viz A case... of WTFViz.net Visualization to Educate? from wtfviz.net Another Interesting One from wtfviz.net Pie in the Sky? from wtfviz.net Needs Fixing from wtfviz.net Unsafe at Any Speed? from wtfviz.net... computer-generated, interactive, visual representations of data to amplify cognition.” [Card, Mackinlay, & Shneiderman 1999] Uses for Data Viz A: Support reasoning about information (analysis) •