data visualization principles other perceptual channels
play

Data Visualization Principles: Other Perceptual Channels CSC444 - PowerPoint PPT Presentation

Data Visualization Principles: Other Perceptual Channels CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Colin Ware, Christopher Healey PREATTENTIVENESS, OR VISUAL POP-OUT ORIENTATION Christopher Healey,


  1. Data Visualization Principles: Other Perceptual Channels CSC444 Acknowledgments for today’s lecture: Tamara Munzner, Miriah Meyer, Colin Ware, Christopher Healey

  2. PREATTENTIVENESS, OR “VISUAL POP-OUT”

  3. ORIENTATION Christopher Healey, http://www.csc.ncsu.edu/faculty/healey/PP/index.html

  4. WIDTH/LENGTH Christopher Healey, http://www.csc.ncsu.edu/faculty/healey/PP/index.html

  5. SIZE Christopher Healey, http://www.csc.ncsu.edu/faculty/healey/PP/index.html

  6. Mixing is not always pre- attentive

  7. Preattentiveness is only simple to understand when considering one channel at a time.

  8. VISUAL CHANNELS YOU SHOULD BE CAREFUL WITH, EVEN IN ISOLATION

  9. 3D, when data isn’t • Perspective interacts with size and color judgments • Occlusion is bad, often unnecessary Naomi Robbins, forbes.com

  10. (and maybe even it is!) Daae Lampe et al. TVCG 2009

  11. Animations • We perceive motion, and regularity, even when none might be intended • http://en.wikipedia.org/wiki/File:Lilac-Chaser.gif • And it interacts badly with the rest of our perceptual system

  12. Animations • limit them to data transitions , preferably controlled by interaction www.gapminder.org

  13. GESTALT PRINCIPLES

  14. GESTALT PRINCIPLES • General idea: we interpret stimuli as patterns that are grouped, complete, whole • Even when they aren’t

  15. GESTALT: SIMILARITY We use color to connect things into groups http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php

  16. GESTALT: PROXIMITY We use distance to connect things into groups http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php

  17. GESTALT: CLOSURE We see closed shapes, even when they’re not there

  18. GESTALT: CONTAINMENT A B A B A Objects inside closed shapes appear related, even when they’re far apart

  19. GESTALT: CONTAINMENT

  20. GESTALT: CONTINUITY We see simple, connected figure/ground shapes rather than complicated shapes

  21. GESTALT: FIGURE/GROUND We see simple, connected figure/ground shapes rather than complicated shapes

  22. HIGHER-LEVEL CHANNELS WE ARE STILL STUDYING

  23. Overlays for bivariate maps Ware 2009 TVCG

  24. Overlays for bivariate maps Ware 2009 TVCG

  25. Perception of higher-level features • Correlation perception follows Weber’s Law (!) Harrison et al., TVCG 2014

  26. Perception of higher-level features • Correlation perception follows Weber’s Law (!) Harrison et al., TVCG 2014

  27. Perception of higher-level features • Correlation perception follows Weber’s Law (!) Harrison et al., TVCG 2014

  28. Recap • Consider how data behaves • Can you add? Subtract? Compare? Is there a smallest, or are values just di ff erent from one another? Etc. • Consider how the basic visual channels behave, match the two appropriately

  29. • Consider how the basic visual channels behave, match the two appropriately What if they don’t match?

  30. “WEIRD” DATA (A prelude to techniques)

  31. Orientation vs. Direction https://www.ncl.ucar.edu/Applications/evans.shtml

  32. Orientation vs. Direction http://www.datapointed.net/2014/10/ maps-of-street-grids-by-orientation/

  33. Orientation vs. Direction Demiralp et al. 2009

  34. Orientation vs. Direction Demiralp et al. 2009

  35. Orientation vs. Direction This is a bad colormap. Why? Demiralp et al. 2009

  36. Orientation vs. Direction Demiralp et al. 2009

  37. Orientation vs. Direction

  38. Orientation vs. Direction Demiralp et al. 2009

  39. Probability Distributions • Map behavior of conditional distributions, marginal distributions, etc. to visual channels: Product Plots, Wickham and Ho ff man, TVCG 2011

  40. Simpson’s “Paradox”

  41. Simpson’s “Paradox”

  42. Simpson’s “Paradox”

  43. Simpson’s “Paradox”

Recommend


More recommend