CSE 512 - Data Visualization A1...
Transcript of CSE 512 - Data Visualization A1...
![Page 1: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/1.jpg)
CSE 512 - Data Visualization
A1 Review
Jeffrey Heer University of Washington
![Page 2: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/2.jpg)
Last Time: Data & Image Models
![Page 3: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/3.jpg)
The Big Picture
task questions, goals assumptions
data physical data type conceptual data type
domain metadata semantics conventions
processing algorithms
mapping visual encoding
image visual channel graphical marks
![Page 4: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/4.jpg)
N - Nominal (labels or categories) ! Operations: =, ≠
O - Ordered ! Operations: =, ≠, <, >
Q - Interval (location of zero arbitrary) ! Operations: =, ≠, <, >, - ! Can measure distances or spans
Q - Ratio (zero fixed) ! Operations: =, ≠, <, >, -, % ! Can measure ratios or proportions
Nominal, Ordinal & Quantitative
![Page 5: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/5.jpg)
Position (x 2) Size Value Texture Color Orientation Shape
Others?
Visual Encoding Variables
![Page 6: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/6.jpg)
Bertin’s “Levels of Organization”
Nominal Ordinal Quantitative
N O Q
N O Q
N O Q
N O
N
N
N
Position
Size
Value
Texture
Color
Orientation
Shape
Note: Q ⊂ O ⊂ N
![Page 7: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/7.jpg)
Assume k visual encodings and n data attributes. We would like to pick the “best” encoding among a combinatorial set of possibilities of size (n+1)k
Principle of Consistency The properties of the image (visual variables) should match the properties of the data.
Principle of Importance Ordering Encode the most important information in the most effective way.
Choosing Visual Encodings
![Page 8: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/8.jpg)
Expressiveness A set of facts is expressible in a visual language if the sentences (i.e. the visualizations) in the language express all the facts in the set of data, and only the facts in the data.
Effectiveness A visualization is more effective than another visualization if the information conveyed by one visualization is more readily perceived than the information in the other visualization.
Design Criteria [Mackinlay 86]
![Page 9: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/9.jpg)
Tell the truth and nothing but the truth (don’t lie, and don’t lie by omission)
Use encodings that people decode better (where better = faster and/or more accurate)
Design Criteria Translated
![Page 10: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/10.jpg)
Effectiveness Rankings [Mackinlay 86]QUANTITATIVE ORDINAL NOMINAL Position Position Position Length Density (Value) Color Hue Angle Color Sat Texture Slope Color Hue Connection Area (Size) Texture Containment Volume Connection Density (Value) Density (Value) Containment Color Sat Color Sat Length Shape Color Hue Angle Length Texture Slope Angle Connection Area (Size) Slope Containment Volume Area Shape Shape Volume
![Page 11: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/11.jpg)
Effectiveness Rankings [Mackinlay 86]QUANTITATIVE ORDINAL NOMINAL Position Position Position Length Density (Value) Color Hue Angle Color Sat Texture Slope Color Hue Connection Area (Size) Texture Containment Volume Connection Density (Value) Density (Value) Containment Color Sat Color Sat Length Shape Color Hue Angle Length Texture Slope Angle Connection Area (Size) Slope Containment Volume Area Shape Shape Volume
![Page 12: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/12.jpg)
Effectiveness Rankings [Mackinlay 86]QUANTITATIVE ORDINAL NOMINAL Position Position Position Length Density (Value) Color Hue Angle Color Sat Texture Slope Color Hue Connection Area (Size) Texture Containment Volume Connection Density (Value) Density (Value) Containment Color Sat Color Sat Length Shape Color Hue Angle Length Texture Slope Angle Connection Area (Size) Slope Containment Volume Area Shape Shape Volume
![Page 13: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/13.jpg)
A1 Review
![Page 14: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/14.jpg)
Fields: Sunshine, Latitude, Precipitation, Temperature, Physical Activity, Mental Health, …
Transforms: Sums, Averages, Differences, Percentages, Proportions, Filter
Chart Types: Line, Area, Bar, Scatter, Heatmaps, Maps, Radial, Compositions
A1 Submission Designs
![Page 15: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/15.jpg)
Title, labels, legend, captions, source!
Expressiveness and Effectiveness Avoid unexpressive marks (lines? gradients?) Use perceptually effective encodings Don’t distract: faint gridlines, pastel highlights/fills The “elimination diet” approach – start minimal
Support comparison and pattern perception Between elements, to a reference line, or to totals
Use reader-friendly units and labels Statistical soundness (regression, interpolation)
Design Considerations
![Page 16: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/16.jpg)
Transform data (e.g., filter, log, normalize)
Group / sort data by meaningful dimensions
Reduce cognitive overhead Minimize visual search, minimize ambiguity Appropriate size, aspect ratio, legible text Avoid legend lookups if direct labeling works Avoid color mappings with indiscernible colors
Be consistent! Visual inferences should consistently support data inferences.
Design Considerations
![Page 17: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/17.jpg)
Line Charts
![Page 18: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/18.jpg)
![Page 19: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/19.jpg)
![Page 20: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/20.jpg)
![Page 21: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/21.jpg)
![Page 22: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/22.jpg)
![Page 23: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/23.jpg)
![Page 24: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/24.jpg)
![Page 25: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/25.jpg)
![Page 26: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/26.jpg)
![Page 27: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/27.jpg)
![Page 28: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/28.jpg)
![Page 29: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/29.jpg)
![Page 30: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/30.jpg)
![Page 31: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/31.jpg)
![Page 32: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/32.jpg)
Line Charts (+ Precipitation)
![Page 33: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/33.jpg)
![Page 34: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/34.jpg)
![Page 35: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/35.jpg)
![Page 36: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/36.jpg)
Line Charts (Filtered)
![Page 37: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/37.jpg)
![Page 38: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/38.jpg)
![Page 39: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/39.jpg)
![Page 40: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/40.jpg)
![Page 41: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/41.jpg)
![Page 42: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/42.jpg)
![Page 43: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/43.jpg)
![Page 44: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/44.jpg)
![Page 45: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/45.jpg)
Line Charts (Normalized)
![Page 46: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/46.jpg)
![Page 47: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/47.jpg)
![Page 48: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/48.jpg)
![Page 49: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/49.jpg)
![Page 50: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/50.jpg)
Line Charts (Small Multiples)
![Page 51: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/51.jpg)
![Page 52: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/52.jpg)
![Page 53: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/53.jpg)
![Page 54: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/54.jpg)
Area Charts
![Page 55: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/55.jpg)
![Page 56: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/56.jpg)
![Page 57: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/57.jpg)
![Page 58: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/58.jpg)
![Page 59: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/59.jpg)
Bar Charts
![Page 60: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/60.jpg)
![Page 61: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/61.jpg)
![Page 62: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/62.jpg)
![Page 63: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/63.jpg)
![Page 64: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/64.jpg)
![Page 65: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/65.jpg)
![Page 66: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/66.jpg)
![Page 67: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/67.jpg)
![Page 68: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/68.jpg)
![Page 69: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/69.jpg)
![Page 70: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/70.jpg)
![Page 71: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/71.jpg)
![Page 72: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/72.jpg)
![Page 73: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/73.jpg)
![Page 74: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/74.jpg)
![Page 75: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/75.jpg)
Scatter Plots
![Page 76: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/76.jpg)
![Page 77: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/77.jpg)
![Page 78: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/78.jpg)
![Page 79: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/79.jpg)
![Page 80: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/80.jpg)
![Page 81: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/81.jpg)
![Page 82: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/82.jpg)
![Page 83: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/83.jpg)
Heatmap
![Page 84: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/84.jpg)
![Page 85: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/85.jpg)
![Page 86: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/86.jpg)
![Page 87: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/87.jpg)
![Page 88: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/88.jpg)
Latitude
![Page 89: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/89.jpg)
![Page 90: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/90.jpg)
![Page 91: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/91.jpg)
![Page 92: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/92.jpg)
![Page 93: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/93.jpg)
![Page 94: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/94.jpg)
![Page 95: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/95.jpg)
![Page 96: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/96.jpg)
Maps
![Page 97: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/97.jpg)
![Page 98: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/98.jpg)
![Page 99: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/99.jpg)
![Page 100: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/100.jpg)
![Page 101: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/101.jpg)
![Page 102: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/102.jpg)
![Page 103: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/103.jpg)
![Page 104: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/104.jpg)
![Page 105: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/105.jpg)
Temperature
![Page 106: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/106.jpg)
![Page 107: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/107.jpg)
![Page 108: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/108.jpg)
Fitness
![Page 109: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/109.jpg)
![Page 110: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/110.jpg)
![Page 111: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/111.jpg)
Mental Health
![Page 112: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/112.jpg)
![Page 113: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/113.jpg)
![Page 114: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/114.jpg)
![Page 115: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/115.jpg)
![Page 116: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/116.jpg)
![Page 117: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/117.jpg)
![Page 118: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/118.jpg)
![Page 119: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/119.jpg)
![Page 120: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/120.jpg)
![Page 121: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/121.jpg)
![Page 122: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/122.jpg)
Vice
![Page 123: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/123.jpg)
![Page 124: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/124.jpg)
![Page 125: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/125.jpg)
![Page 126: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/126.jpg)
Melanoma
![Page 127: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/127.jpg)
![Page 128: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/128.jpg)
![Page 129: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/129.jpg)
Other
![Page 130: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/130.jpg)
![Page 131: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/131.jpg)
![Page 132: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/132.jpg)
![Page 133: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/133.jpg)
![Page 134: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/134.jpg)
![Page 135: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/135.jpg)
![Page 136: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/136.jpg)
Re-Design Exercise
![Page 137: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/137.jpg)
Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings Critique the design: what works, what doesn’t Sketch a re-design to improve communication Be ready to share your thoughts with the class
Break into groups with those sitting near you (~4 people per group)
Re-Design Exercise
![Page 138: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/138.jpg)
Effectiveness Rankings [Mackinlay 86]QUANTITATIVE ORDINAL NOMINAL Position Position Position Length Density (Value) Color Hue Angle Color Sat Texture Slope Color Hue Connection Area (Size) Texture Containment Volume Connection Density (Value) Density (Value) Containment Color Sat Color Sat Length Shape Color Hue Angle Length Texture Slope Angle Connection Area (Size) Slope Containment Volume Area Shape Shape Volume
![Page 139: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/139.jpg)
Source: Good Magazine
![Page 140: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/140.jpg)
Source: The Atlantic 300 no. 2 (September 2007) Number of Classified U.S. Documents
![Page 141: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/141.jpg)
Washington Dulles Airport Map Source: United Airlines Hemispheres
![Page 142: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/142.jpg)
Source: National Geographic, September, 2008, p. 22. Silver, Mark. "High School Give-and-Take."
![Page 143: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/143.jpg)
Source: Business Week, June 18, 2007
![Page 144: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/144.jpg)
Preparing for a Pandemic Source: Scientific American, 293(5). November, 2005, p. 50
![Page 145: CSE 512 - Data Visualization A1 Reviewcourses.cs.washington.edu/courses/cse512/19sp/lectures/...Task: Analyze and Re-design visualization Identify data variables (N/O/Q) and encodings](https://reader034.fdocuments.us/reader034/viewer/2022042913/5f4af48a1ed97844592ee21a/html5/thumbnails/145.jpg)
Source: Wired Magazine, September 2008 EditionMusic: Super Cuts (page 92)