mario romero 2014/01/28
TRANSCRIPT
![Page 1: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/1.jpg)
Information Visualization Lectures 2 - 3
Mario Romero 2014/01/28
IVIS13 student Stephanie Dawoud presenting the final project Loves Me, Loves Me Not.
![Page 2: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/2.jpg)
2
![Page 3: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/3.jpg)
3
![Page 4: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/4.jpg)
4
![Page 5: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/5.jpg)
Prelude Videos
• Microsoft Vision 2020 – link
• Precision Information Environments Envisioning the future of emergency management – link
5
![Page 6: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/6.jpg)
Outline
1. Why Information Visualization
2. Discussion on Readings
3. Break: Zap the Bugs
4. Visualization Pipeline
5. Break: Oculus Rift
6. Project 2
7. Case Study: Milo
8. Case Study: Canvas Dance
6
![Page 7: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/7.jpg)
WHY INFORMATION VISUALIZATION?
7
![Page 8: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/8.jpg)
8 http://www.thehumanfaceofbigdata.com/
![Page 9: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/9.jpg)
The trouble with data https://www.emc.com/infographics/digital-universe-business-infographic.htm
9
![Page 10: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/10.jpg)
Challenge
• Transform data into information
• Transform information into insight
10
![Page 11: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/11.jpg)
Human Vision
• Highest bandwidth
• Fast, parallel
• Pattern Recognition
• Pre-attentive
• Extends memory and cognitive capacity
• People think visually
• Brain: 30% vision, 8% touch, 3% hearing 11
![Page 12: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/12.jpg)
Example
• Which cereals have the most and least potasium?
• Is there a relationship between potasium and fiber?
12
![Page 13: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/13.jpg)
Cereal Data
13
![Page 14: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/14.jpg)
Cereal Data Visualized
14
![Page 15: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/15.jpg)
Thought
• What if I read the data to you?
15
![Page 16: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/16.jpg)
Anscombe's quartet
16
I II III IV
X Y X Y X Y X Y
10.00 8.04 10.00 9.14 10.00 7.46 8.00 6.58
8.00 6.95 8.00 8.14 8.00 6.77 8.00 5.76
13.00 7.58 13.00 8.74 13.00 12.74 8.00 7.71
9.00 8.81 9.00 8.77 9.00 7.11 8.00 8.84
11.00 8.33 11.00 9.26 11.00 7.81 8.00 8.47
14.00 9.96 14.00 8.10 14.00 8.84 8.00 7.04
6.00 7.24 6.00 6.13 6.00 6.08 8.00 5.25
4.00 4.26 4.00 3.10 4.00 5.39 19.00 12.50
12.00 10.84 12.00 9.13 12.00 8.15 8.00 5.56
7.00 4.82 7.00 7.26 7.00 6.42 8.00 7.91
5.00 5.68 5.00 4.74 5.00 5.73 8.00 6.89
![Page 17: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/17.jpg)
Statistics
17
Property Value
Mean of x in each case 9 (exact)
Variance of x in each case 11 (exact)
Mean of y in each case 7.50 (to 2 decimal places)
Variance of y in each case 4.122 or 4.127 (to 3 decimal places)
Correlation between x and y in each case 0.816 (to 3 decimal places)
Linear regression line in each case y = 3.00 + 0.500x (to 2 and 3 decimal places, respectively)
![Page 18: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/18.jpg)
Anscombe's quartet Visualized
18
![Page 19: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/19.jpg)
Visualization
• “The use of computer-supported, interactive visual representations of data to amplify cognition.” From [Card, Mackinlay Shneiderman ‘98]
19
![Page 20: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/20.jpg)
Visualization
• Often thought of as process of making a graphic or an image
• Really is a cognitive process
– Form a mental image of something
– Internalize an understanding
• “The purpose of visualization is insight, not pictures”
• Insight: discovery, decision making, explanation
20
![Page 21: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/21.jpg)
Main Idea
• Visuals help us think – Provide a frame of reference, a temporary storage area
• Cognition Perception
• Pattern matching
• External cognition aid – Role of external world in thinking and reason
Larkin & Simon ’87 Card, Mackinlay, Shneiderman ‘98
21
![Page 22: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/22.jpg)
Formally
“Contained within the data of any investigation is information that can yield conclusions to questions not even originally asked. That is, there can be surprises in the data…To regularly miss surprises by failing to probe thoroughly with visualization tools is terribly inefficient because the cost of intensive data analysis is typically very small compared with the cost of data collection.” W. Cleveland The Elements of Graphing Data
22
![Page 23: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/23.jpg)
Purpose
• Analysis
Understand your data better and act upon that understanding
1. Presentation
Communicate and inform others more effectively
23
![Page 24: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/24.jpg)
Analysis
• Find extremes
• Mean, var, std, ste,...
• Relations
• What’s missing
• Identify ambiguity and noise
• Commonality, mode
24
![Page 25: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/25.jpg)
When to apply InfoVis?
• Other techniques: – Statistics – Data mining – Machine Learning
• InfoVis: – Exploratory data analysis
• Don’t know what you are looking for • Don’t have a hypothesis • Want to know what question to ask
25
![Page 26: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/26.jpg)
H. WAINER
“A graphic display has many purposes but it achieves its highest value when it forces us to see what we were not expecting.”
26
![Page 27: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/27.jpg)
InfoVis Tasks
• Search
– Find a specific piece of information
• How many games has Sweden won in the world cup?
• How many rental apartments are available in Stockholm?
• Browse
– Look over or inspect something in a more casual manner
• Learn about nutrition
• How does the weather affect transportation in Stockholm?
27
![Page 28: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/28.jpg)
InfoVis Taks (cont.)
• Analysis – Compare – Contrast – Outliers – Extremes – Patterns
• Assimilation • Monitoring • Awareness
28
![Page 29: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/29.jpg)
Presentation
• Use visualization to communicate – Ideas – Influence – Explain – Persuade
• Evidence and support • Summarize • Aggregate • Unite
29
![Page 30: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/30.jpg)
Two Key Challenges of InfoVis
• Scale – Large datasets – Datasets with largely varying scales
• Seconds • Days • Years • Centuries
• Diversity – Data types – Forms – Sizes
30
![Page 32: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/32.jpg)
Bob Amar and John Stasko
32
![Page 33: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/33.jpg)
Instructions
1. If you did not read the papers, please, go to the hallway and come back when you are done reading them.
2. Else, form groups of 3 (or 4) students
3. Discuss the main points of the papers
4. Summarize the 3 main contributions from each paper
5. Post this both on the Facebook wall and the KTH social wall
6. Be ready to present to the entire group
7. You have 10 minutes
33
![Page 34: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/34.jpg)
34
MaGer MaGer Rafel Saad Shaun Basil Mendonsa The main idea of Ben Shneiderman paper is: Overview first, zoom and filter, then details-on-demand. Overview: gain an overview of the entire collection. Zoom: zoom in on items of interest. Filter: filter out uninteresting items. Details-on-demand: select an item or group and get details when needed.
He categorizes the tasks into: 1-dimensional, 2-dimensional, 3-dimensional, temporal, multi-dimensional, tree and network. The paper of Amar and Stasko concerns the Rationale Gap, the gap between perceiving a relationship and actually being able to explain confidence in that relationship and the usefulness of that relationship and the Worldview Gap, the gap between what is being shown and what actually needs
to be shown to draw a straightforward representational conclusion for making a decision. In this paper, the author gives ways to avoid these gaps. For example, a way to avoid the Worldview Gap is to a system can help bridge the Worldview Gap by providing support for the formulation and verification of user hypotheses.
Readings’ Contributions
![Page 35: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/35.jpg)
35
Readings’ Contributions
![Page 36: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/36.jpg)
36
Readings’ Contributions
![Page 37: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/37.jpg)
ZAP THE BUGS! Break (Bonus: Dispersion)
37
![Page 38: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/38.jpg)
INFORMATION VISUALIZATION PIPELINE
38
![Page 39: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/39.jpg)
Visual Structures
Information Visualization Pipeline expanded from Readings in Information Visualization: Using Vision to Think
By Stuart K. Card, Jock D. Mackinlay, Ben Shneiderman, 1999
Raw Data Data
Tables Views
User Researcher
Task
Visual mappings
View transformations
Data transformations
Sensing Measuring Collecting Simulating
Evaluation
39
![Page 40: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/40.jpg)
40
Virtual Rear Projection Study
![Page 41: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/41.jpg)
VIZ-A-VIS Visualizing Behavior in the Home
41
![Page 42: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/42.jpg)
Capturing and Visualizing Behavior
42
![Page 43: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/43.jpg)
Aware Home
10 cameras in public
areas
• Image Space
• Fixed background
• High Resolution
Compute and Aggregate Motion
Ft-1 Ft AFDt = |Ft – Ft-1|> t AFDt
43
![Page 44: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/44.jpg)
Activity Table Traffic Zones
Living Zones
Dining Zones
Kitchen Zones
Cooking and setting table: 4-8 people
Eating raclette: 8 people
Clearing table and setting dessert: 6-8 people
Eating Dessert: 8 people
Bathroom visits Chatting: 2-4 people
Chatting: 2-6 people
Clearing table and cleaning kitchen: 8 people
Moving to Living Room + setting up Cranium™
Playing Cranium™
44
![Page 45: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/45.jpg)
Video Cube
45
![Page 46: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/46.jpg)
Activity Cube 46
![Page 47: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/47.jpg)
47
![Page 48: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/48.jpg)
1
1.5
2
2.5
3
Find Transitions
Search
Overview
Short Bound
Long BoundInteract
Describe
Count
Track
(A) Video Player (B) Video Cube (C) Activity Cube
User Studies
48
![Page 49: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/49.jpg)
Search Time
0
50
100
150
200
250
300
(A) Video Player (B) Video Cube (C) Activity Cube
Tim
e (s
eco
nd
s)
49
![Page 50: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/50.jpg)
Architecture Study
50
![Page 51: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/51.jpg)
Data
51
![Page 52: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/52.jpg)
Behavioral Pattern Discovery
52
![Page 53: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/53.jpg)
Occupancy Patterns
53
![Page 54: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/54.jpg)
TABLEAU MACHINE
An Art Installation for the Home
54
![Page 55: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/55.jpg)
Tableau Machine
55
everyday activity
sensing and
recognizing
creative
visualization
![Page 56: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/56.jpg)
Tableau Machine
56
![Page 57: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/57.jpg)
57
“The Home is a
machine for living
in….”
Le Corbusier (1923)
“Space is the
machine.”
Hillier (1996)
![Page 58: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/58.jpg)
Architecture
58
REAL WORLD
SENSING INTERPRETING
MAPPING, COMPOSING, AND RENDERING
![Page 59: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/59.jpg)
59 interesting places
overhead cameras
video motion semantics interpretation
generative architecture display and printout
![Page 60: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/60.jpg)
60
Qiuet Times (Watching TV, Reading, ...)
![Page 61: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/61.jpg)
61
Active Times Alone (cleaning, exercising, ...)
![Page 62: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/62.jpg)
62
Social Times (meals, board games, ...)
![Page 63: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/63.jpg)
63
Wild Times (playing, fighting, ...)
![Page 64: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/64.jpg)
Longitudinal
Study
• 3 Homes
• 8 weeks
• Instruments:
– Interviews
– Prints
– Word games
– Felt boards
64
![Page 65: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/65.jpg)
65
![Page 66: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/66.jpg)
66
![Page 67: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/67.jpg)
67
![Page 68: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/68.jpg)
Visual Structures
Information Visualization Pipeline expanded from Readings in Information Visualization: Using Vision to Think
By Stuart K. Card, Jock D. Mackinlay, Ben Shneiderman, 1999
Raw Data Data
Tables Views
User Researcher
Task
Visual mappings
View transformations
Data transformations
Sensing Measuring Collecting Simulating
Evaluation
68
![Page 69: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/69.jpg)
Reading Assignments
• Introduction to Information Visualization
– Mazza
• MULTIDIMENSIONAL DETECTIVE
– Inselberg
• Watch this video http://datajournalism.stanford.edu/
69
![Page 70: Mario Romero 2014/01/28](https://reader034.vdocuments.us/reader034/viewer/2022052507/628b9050e79ce231be5cf97d/html5/thumbnails/70.jpg)
Project 2
1. You have been hired by the World Values Survey
2. Read about it. What is it? What type of data do they show?
3. Learn to use their visualization tools – Create and document an analytical trail
4. Use http://d3js.org/ to significantly improve the visualization tools of WVS – Create and document a new analytical trail that goes deeper into your
research question
5. Create a URL with the code, text, and images describing your results
70