PERCEPTION and Data Visualization: Concepts, Examples, Code, Projects

PERCEPTION

Data Visualization for Human Perception
"Data visualization is the graphical display of abstract information for two purposes: sense-making (also called data analysis) and communication. ... In other words, to visualize data effectively, we must follow design principles that are derived from an understanding of human perception."
https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/data-visualization-for-human-perception

The Role of Visual Perception in Data Visualization
https://www.sciencedirect.com/science/article/pii/S1045926X02902351

Pre-attentive Processing
https://www.alleydog.com/glossary/definition.php?term=Preattentive%2520Processing

3 Expert Data Visualization Tips for Grabbing Readers’ Attention
Read more at https://visme.co/blog/data-visualization-tips/#lxVeLRMe1wybkjdE.99
https://visme.co/blog/data-visualization-tips/

Attention and Visual Memory in Visualization and Computer Graphics
https://www.csc2.ncsu.edu/faculty/healey/download/tvcg.11.pdf

Preattentive Visual Properties and How to Use Them in Information Visualization
https://www.interaction-design.org/literature/article/preattentive-visual-properties-and-how-to-use-them-in-information-visualization

Choosing Colors for Data Visualization
http://www.b-eye-network.com/newsletters/ben/2235

Exploring Preattentive Attributes (Beta)
https://learnforeverlearn.com/preattentive/

Perception
http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/03_Perception.pdf

Color value refers to the lightness or darkness of the hue. ... Adding black to a hue produces a low-value color, often called a shade. Intensity. Intensity, also called chroma or saturation, refers to the brightness of a color.

Elements of Design: Value & Color
https://etad.usask.ca/skaalid/theory/cgdt/color.htm

Color in Visualization
https://www.ics.uci.edu/~majumder/vispercep/colviz.pdf

Colors as Hue, Saturation and Brightness
http://www.georeference.org/doc/colors_as_hue_saturation_and_brightness.htm

Choosing colors for your data visualization
https://cambridge-intelligence.com/choosing-colors-for-your-data-visualization/

Perception in Visualization
https://www.csc2.ncsu.edu/faculty/healey/PP/index.html

Target detection in scientific visualization
https://psycnet.apa.org/record/2001-00202-002
Check here as well: https://www.csc2.ncsu.edu/faculty/healey/PP/index.html

Object detection via color-based image segmentation using python
https://towardsdatascience.com/object-detection-via-color-based-image-segmentation-using-python-e9b7c72f0e11
Check here as well: https://www.csc2.ncsu.edu/faculty/healey/PP/index.html

A systematic comparison between visual cues for boundary detection
https://www.sciencedirect.com/science/article/pii/S0042698915003685
Check here as well: https://www.csc2.ncsu.edu/faculty/healey/PP/index.html

Perception and Boundary Detection
https://cslu.ohsu.edu/~bedricks/courses/conj_610/pdf/lec_2_part_2.pdf

Why rainbow colors aren’t the best option for data visualizations
https://www.poynter.org/archive/2013/why-rainbow-colors-arent-always-the-best-options-for-data-visualizations/

Color and Counting
Find on: http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/03_Perception.pdf

Color and Perception
https://makingmaps.net/2007/08/28/perceptual-scaling-of-map-symbols/

Color Blindness by Inheritance
https://www.colour-blindness.com/general/prevalence/

Form and Color. Form and Boundary Detections
Find on: https://cslu.ohsu.edu/~bedricks/courses/conj_610/pdf/lec_2_part_2.pdf
Find on: http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/03_Perception.pdf

Perceptual Scaling
Perceptual Scaling of Map Symbols
https://makingmaps.net/2007/08/28/perceptual-scaling-of-map-symbols/

MAJOR CITIES OF INDIA: PERCEPTUAL VS. ABSOLUTE SCALING
https://blogs.ubc.ca/katerynabaranovasgis/tag/perceptual-scaling/

Ebbinghaus illusion
https://en.wikipedia.org/wiki/Ebbinghaus_illusion
https://en.wikipedia.org/wiki/Ebbinghaus_illusion#/media/File:Mond-vergleich.svg

Flicker, Motion for Preattentive
https://www.csc2.ncsu.edu/faculty/healey/PP/
https://learnforeverlearn.com/preattentive/

Principles of Data Visualization
http://saravanan-thirumuruganathan.github.io/cse5334Spring2015/slides/03_PrinciplesOfViz/03_PrinciplesOfViz_final.pdf

Humans Detect Patterns
http://www.mrc-cbu.cam.ac.uk/people/matt-davis/cmabridge/

Gestalt Principles
https://www.interaction-design.org/literature/topics/gestalt-principles

Principles of grouping. Similarity, Closure
https://en.wikipedia.org/wiki/Principles_of_grouping

Symmetry:Gestalt Principles:Simplicity, symmetry and more: Gestalt theory and the design principles it gave birth to
https://www.canva.com/learn/gestalt-theory/

Continuity:
find on: https://cslu.ohsu.edu/~bedricks/courses/conj_610/pdf/lec_2_part_2.pdf
https://www.freepik.com/free-icon/olympic-games-logo_733186.htm

Misc
https://d3ui957tjb5bqd.cloudfront.net/uploads/2016/03/Gestalt-Psychology-.jpg

Projects

Will be added later in this article or in separate posts

Sayed Ahmed

Linkedin: https://ca.linkedin.com/in/sayedjustetc

Blog: http://sitestree.com, http://bangla.salearningschool.com