Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of...
Transcript of Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of...
![Page 1: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/1.jpg)
Semiology of Visualization CMSC 436/636
Data Visualization
Penny Rheingans University of Maryland Baltimore County
Bertin: Semiology of Graphics Fundamental graphic variables ◦ Location ◦ Size ◦ Value (brightness) ◦ Texture/grain ◦ Color ◦ Orientation ◦ Shape
Rules for appropriate use
![Page 2: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/2.jpg)
MacEachren on Bertin Additional variables ◦ Arrangement ◦ Texture density ◦ Saturation ◦ Transparency ◦ Crispness ◦ Temporal variation ◦ Touch: multiple ◦ Sound: multiple
Basic Scalar Techniques Height Mapping Density/Opacity Size Color Texture
![Page 3: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/3.jpg)
Preattentive Processing
What properties of objects easily perceived by the HVS? ◦ Serial search ◦ Parallel search -> preattentive
Tasks ◦ Target detection ◦ Boundary detection ◦ Region tracking ◦ Counting and estimation
Preattentive Processing
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Target Detection
![Page 4: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/4.jpg)
Preattentive Processing
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Boundary Detection
Preattentive Processing
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Counting and Estimation
![Page 5: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/5.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Hue
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Luminance
![Page 6: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/6.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Orientation
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Length
![Page 7: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/7.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Size
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Curvature
![Page 8: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/8.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Closure
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Intersection
![Page 9: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/9.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Termination
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Density
![Page 10: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/10.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
3D Depth
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
3D Light
![Page 11: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/11.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
3D Orientation
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Direction
![Page 12: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/12.jpg)
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Flicker
Preattentive Features
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Velocity
![Page 13: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/13.jpg)
Preattentive Processing
Issues ◦ Conjunctions ◦ Distractions
Healey, www.csc.ncsu.edu/faculty/PP/index.html
Preattentive Processing
Feature Hierarchy ◦ Hue > form ◦ Luminance > hue ◦ Hue > texture ◦ Distractions on the hierarchy
Example http://www.csc.ncsu.edu/faculty/healey/PP/index.html
![Page 14: Semiology of Visualization - Inspiring Innovationrheingan/636/semiology.pdf · Semiology of Visualization CMSC 436/636 Data Visualization Penny Rheingans University of Maryland Baltimore](https://reader031.fdocuments.us/reader031/viewer/2022022609/5b910d5d09d3f21c788d55d4/html5/thumbnails/14.jpg)