Visualization as Science 2
Tour the Gestalt Principles and engage in a hands-on activity to put them into practice. Afterwards, explore color vision including color spaces, perceptually consistent color schemes, tools for color, and general guidance.
Lesson Table of Contents
Video
Resources mentioned in the video can be found in links. Videos are hosted by Vimeo. You can load the video as an embed within this page or may view the video on Vimeo in a separate window / tab. If you enable on-site video, your preference will be remembered using a cookie.
Resources mentioned in the video can be found in links. Videos are hosted by Vimeo. You may disable Video Embeds or view the video on Vimeo.
Links
Written materials
Exercise
Return to your Job Satisfaction exercise. Make a new graphic that displays the same variables but use a different visual representation. For example, if you previously chose a scatter plot, try a heatmap or bar chart. It doesn't necessarily need to be better or worse. It just needs to be different. Finally, write 3 - 4 sentence about how your plot uses pre-attentive variables.
Note that the Zulip community is not available to this MOOC. Please consider sharing your exercise via social media such as Bluesky with the tag #OpenDataVizSciCourse.
Next lecture
Works cited
This is the works cited from the lecture. Note that additional sources may be used in exercises and other supporting documentation.
- B. Adhikari, "Marey's train schedule," University of Missouri Saint Louis, 2021. Available: https://badriadhikari.github.io/data-viz-workshop-2021/minards/
- C. Ware, "Information Visualization: Perception for Design," MK Press.
- C. Ware, "Visual Thinking for Design," MK Press.
- Interaction Design Foundation - IxDF. "What are the Gestalt Principles?" Interaction Design Foundation - IxDF. Available: https://www.interaction-design.org/literature/topics/gestalt-principles (accessed Feb. 12, 2025).
- MRMW, "Reification," Wikimedia, 2020. Available: https://en.wikipedia.org/wiki/Gestalt_psychology#/media/File:Reification.svg
- B. Young, "Cross Keys," Wikimedia, 2011. Available: https://en.wikipedia.org/wiki/Gestalt_psychology#/media/File:CrossKeys.png.
- "Vision," CourseHero. Available: https://www.coursehero.com/study-guides/wmopen-psychology/outcome-vision/
- R. Madsen, "Perceptually uniform color spaces," Programming Design Systems, 2020. Available: https://programmingdesignsystems.com/color/perceptually-uniform-color-spaces/
- SharkD, "RGB Cube," Wikimedia, 2010. Available: https://en.wikipedia.org/wiki/RGB_color_spaces#/media/File:RGB_Cube_Show_lowgamma_cutout_b.png.
- J. Rus, "HSL and HSV Models," Wikimedia, 2010. Available: https://en.wikipedia.org/wiki/RGB_color_spaces#/media/File:RGB_Cube_Show_lowgamma_cutout_b.png.
- K. Cherry, "Figure / Ground Perception in Psychology," Verywell Mind, 2023. Available: https://www.verywellmind.com/what-is-figure-ground-perception-2795195.
- C. Brewer, M Harrower, and The Pennsylvania State University, "Colorbrewer 2.0," The Pennsylvania State University, 2013. Available: https://colorbrewer2.org/.
- M. Jacomy, "I Want Hue," Sciences-Po Medialab, 2024. Available: https://medialab.github.io/iwanthue/.
- B. Mathis "HSL Color Picker," 2024. Available: https://hslpicker.com/#ffd900
