Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization –...
Transcript of Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization –...
![Page 1: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/1.jpg)
Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and
visual representations
Mario Romero
2014/02/25
Mittelstaedt, E. (2002). Unfolding.
![Page 2: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/2.jpg)
2
![Page 3: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/3.jpg)
![Page 4: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/4.jpg)
4
![Page 5: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/5.jpg)
Prelude Videos • CITY SYMPHONIES
– MARK MCKEAGUE – http://markmckeague.com/work/city-symphonies/
• “unnamed soundsculpture” – Project by Daniel Franke & Cedric Kiefer – http://wearechopchop.com/%E2%80%9Cunnamed-
soundsculpture%E2%80%9D/
• Trend and Variation – http://www.youtube.com/watch?v=e0vj-0imOLw
5
![Page 6: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/6.jpg)
Outline 1. Discuss Visualizing the Stock Market. 2. Explore Map of the Market. 3. Introduce Data Tables and Data Models 4. Break. 5. Update Group 1 and 2. 6. Discuss Ware, C. (2012). Information visualization: perception for
design. Elsevier. Chapter 1. 7. Introduce Visual Mappings. 8. Break. 9. Update Group 3 and 4. 10. Introduce Visual Structures. 11. Break 12. Update Group 5 and 6. 13. Reading Assignments for Next Class. 14. Working groups and one-on-one feedback
6
![Page 9: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/9.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
9
![Page 10: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/10.jpg)
Quick Demo
10
![Page 11: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/11.jpg)
11
Raw Data Data
Tables Visual Structs
Views
User Researcher
Task
Visual mappings
View transformations
Data transformations
Sensing Measuring Collecting
Evaluation
Data
![Page 12: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/12.jpg)
12
Raw Data Data
Tables Visual
Structures Views
User Researcher
Task
Visual mappings
View transformations
Data transformations
Sensing Measuring Collecting
Evaluation
Data Tables and Data Transformations
![Page 13: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/13.jpg)
Data Models
• Objects Items of interest
– (students, courses, terms, …)
• Attributes Characteristics or properties of data
– (name, age, GPA, number, date, …)
• Relations How two or more objects relate
– (student takes course, course during term, …)
13
![Page 14: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/14.jpg)
14
Raw Data Data
Tables Visual
Structures Views
User Researcher
Task
Visual mappings
View transformations
Data transformations
Sensing Measuring Collecting
Evaluation
Data Tables and Data Transformations
![Page 15: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/15.jpg)
Data Tables
• Raw data data model (table)
• Individual items are called cases (or points)
• Cases have variables (attributes or dimensions)
15
![Page 16: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/16.jpg)
Data Table Format Case1 Case2 Case3 ...
Variable1 Value11 Value21 Value31
Variable2 Value12 Value22 Value32
Variable3 Value13 Value23 Value33
... …
16
f(Case1) = < Value11 , Value12 , …>
![Page 17: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/17.jpg)
Example Joakim Veronica Ulf ...
ID 8802014452 9011133322 9112113331
Age 24 22 21
Hair Brown Blond Black
Height 182 168 176
... …
17
![Page 19: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/19.jpg)
Visualizing Tables Directly table visualizer
19
![Page 20: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/20.jpg)
Aggregate Motion over Space
20
![Page 21: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/21.jpg)
Formalize it! • Data source
– Overhead video
• Raw Data type – array
• Data transformations – Aggregate motion (s,t)
• Visual Reprentation – Cell Brightness (p,t)
21
![Page 22: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/22.jpg)
Data Transformations • Cleaning
• Remove • Modify • Interpolate missing values
• Adjust values • Use inverse • Map nominal to ordinal to
numeric • Normalize (0≤ x ≤ 1)
• Aggregate • Scale • Classify • Signal Processing • Pattern Recognition • Machine Learning • Statistic Analysis
22
![Page 23: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/23.jpg)
Outline 1. Discuss Visualizing the Stock Market. 2. Explore Map of the Market. 3. Introduce Data Tables and Data Models 4. Break. 5. Update Group 1 and 2. 6. Discuss Ware, C. (2012). Information visualization: perception for
design. Elsevier. Chapter 1. 7. Introduce Visual Mappings. 8. Break. 9. Update Group 3 and 4. 10. Introduce Visual Structures. 11. Break 12. Update Group 5 and 6. 13. Reading Assignments for Next Class. 14. Working groups and one-on-one feedback
23
![Page 25: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/25.jpg)
Groups of three
• Discuss 15 minutes
• Three most important points from Ware
• Create a slide
• Post it on the Facebook and Social
25
![Page 26: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/26.jpg)
26
Raw Data Data
Tables Visual
Structures Views
View transformations
Data transformations
Sensing Measuring Collecting
Evaluation
Visual Perception and Visual Structures
Visual mappings
User Researcher
Task
![Page 27: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/27.jpg)
A Question about Human Perception The human blind spot is:
1. a myth.
2. a metaphor to explain our inability to see everything.
3. the area that is outside your field of vision that is approximately 175°
4. your brain fooling you into thinking you see in an area where you actually can’t see.
5. the space between what you see in your rear-view mirror and your peripheral vision when driving.
27
![Page 28: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/28.jpg)
Results
28
0
0.2
0.4
0.6
0.8
1
1 2 3 4 5
Answers
![Page 29: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/29.jpg)
• Draw a cross and a circle about 5 cm apart
• Close left eye and look only at cross
• Place paper about 15 cm from nose
Try this out!
29
![Page 30: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/30.jpg)
The Human Eye
30
![Page 31: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/31.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 31
![Page 32: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/32.jpg)
Visual Processing video
32
![Page 33: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/33.jpg)
Preattentive Processing
• No need for focused attention
• Parallel
• Fast: 200-250 msecs
33
![Page 34: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/34.jpg)
Attentive Processing
How many 3s?
1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686
34
![Page 35: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/35.jpg)
Preattentive Processing
How many 3s?
1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686
35
![Page 36: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/36.jpg)
Tasks
• Target detection
– is something there?
• Boundary detection
– Can the elements be grouped?
• Counting
– How many elements of a certain type are present?
36
![Page 37: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/37.jpg)
Which side has a red circle?
37
![Page 38: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/38.jpg)
Which side has a red circle?
38
![Page 40: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/40.jpg)
Potential Pre-attentive Features
Position
length
width
size
curvature
number
terminators
intersection
closure
hue
intensity
flicker
direction of motion
binocular lustre
Stereoscopic depth
3-D depth cues
lighting direction
40
![Page 41: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/41.jpg)
Discussion
• What role does/should pre-attentive processing play in information visualization?
41
![Page 42: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/42.jpg)
Visual Types Jacques Bertin, Sémiologie Graphique, 1967
42
![Page 43: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/43.jpg)
43
![Page 44: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/44.jpg)
Additive vs. Subtractive Color Additive Subtractive
44
![Page 45: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/45.jpg)
45
![Page 49: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/49.jpg)
Gestalt Laws of Pattern Perception • German psychologists 1920s • Understand perception • Principles
– Emergence – Reification – Multistability – Invariance – Grouping
49
![Page 50: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/50.jpg)
Emergence
50
![Page 51: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/51.jpg)
Reification
51
![Page 52: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/52.jpg)
Multistability
52
![Page 53: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/53.jpg)
Invariance
53
![Page 54: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/54.jpg)
Group: Similarity
54
![Page 55: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/55.jpg)
Similarity
55
![Page 56: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/56.jpg)
Group: closure
56
![Page 57: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/57.jpg)
Group: Closure
57
![Page 58: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/58.jpg)
Group: Proximity
58
![Page 59: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/59.jpg)
Group: continuity
59
![Page 60: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/60.jpg)
Group: symmetry
60
![Page 61: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/61.jpg)
Outline 1. Discuss Visualizing the Stock Market. 2. Explore Map of the Market. 3. Introduce Data Tables and Data Models 4. Break. 5. Update Group 1 and 2. 6. Discuss Ware, C. (2012). Information visualization: perception for
design. Elsevier. Chapter 1. 7. Introduce Visual Mappings. 8. Break. 9. Update Group 3 and 4. 10. Introduce Visual Structures. 11. Break 12. Update Group 5 and 6. 13. Reading Assignments for Next Class. 14. Working groups and one-on-one feedback
61
![Page 62: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/62.jpg)
62
Raw Data Data
Tables Visual
Structures Views
User Researcher
Task
Visual mappings
View transformations
Data transformations
Sensing Measuring Collecting
Evaluation
Next: Visual Structures, Views, Tasks
![Page 63: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/63.jpg)
Brainstorm: what visual structures can you discover?
• In groups of 3, find and post two new visual structure in Facebook and Social
• 15 minutes
• Present
Feb. 5 2013 DH2321 InfoVis 63
![Page 64: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/64.jpg)
Example: Scater Plot
Feb. 5 2013 DH2321 InfoVis 64
![Page 65: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/65.jpg)
Scatterplot Matrix
Feb. 5 2013 DH2321 InfoVis 65
![Page 66: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/66.jpg)
Table Visualization
Feb. 5 2013 DH2321 InfoVis 66
![Page 67: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/67.jpg)
Visual Attention Heatmap
Feb. 5 2013 DH2321 InfoVis 67
![Page 68: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/68.jpg)
Chernoff Faces
Feb. 5 2013 DH2321 InfoVis 68
![Page 71: Information Visualization DH2321 Lecture 8-9: data tables ... · Information Visualization – DH2321 Lecture 8-9: data tables, visual mappings, and visual representations Mario Romero](https://reader033.fdocuments.in/reader033/viewer/2022053021/60494e3af7b91c6dea47b316/html5/thumbnails/71.jpg)
Assignments • Read
– Liu, Shixia, et al. "A survey on information visualization: recent advances and challenges." The Visual Computer (2014): 1-21.
– http://charlesneedham.com/en-us/um/people/shliu/Infovis-TVCJ.pdf
• Based on today’s lecture and the paper above, improve your designs for project 4
• Set up an individual group meeting with me for next week
71