Intro to HCI Day 6: Info Vis Slides Prepared by: Michael A. Oren June 29, 2011 REU 2011

Clear? Accurate? Easy to understand? How much information is communicated given the space?

Napoleon’s march to Moscow in variables: Napoleon army size Army location Path of army’s movement Temperature and time Minard, 1861 Tufte, The Visual Display of Quantitative Information

What is important?

Why was the graph helpful?

Pattern recognition Trends Forecasting Further questions

What’s the story?

Retinal Properties (Card 1999)

Tufte: Data-Ink Increase your data-ink ratio

What are some techniques for non-visual ‘data visualization’? What are the pros and cons of these techniques?

USA TODAY Snapshot By what criteria do you judge?

What’s missing?

USA TODAY Snapshot

Info Vis Change Data into Information Explore – What’s going on? Present – Tell a story

Is It ‘Just Cool’ or Useful? Vimeoland Viewzi Bestiario Cool Iris

The Dangers of Foovit

Change the y-axis

Change the X-axis

Plot it

Change the X-Axis

Use Cool Pictures

Aspects of Info Vis Data analysis –Attributes of variables Create visuals –Which ones when? –Graphic design standards Interaction –Drill-down –Brushing (Zillow example: The old homestead)The old homestead Analytic tasks

Let’s wrap it up Ignite Talk on data viz – Dby7-JG4

What are some of the ethical considerations when creating data visualization?

Sites Many EyesMany Eyes from IBM Upload and visualize your own data Info Vis Periodic Table InfoVis Wiki - Wordly -

Back Up Slides

TheTube.com

TubeGuru

Challenger disaster: whose fault was it really? Did you find Tufte’s argument convincing or wanting?

Did you feel Tufte’s criticism of the ice water ‘experiment’ was warranted? What is the purpose of InfoVis and demos?

Babyname Wizard

Activity Many Eyes Viz of Midcourse Feedback