+ - 0:00:00
Notes for current slide
Notes for next slide

ASP 460 2.0 Data Visualization

Dr Thiyanga Talagala

4. Best Graphical Practice

1 / 19

Cognitive Principles

Less conginitive effort to read the chart (what is presented) and save the time to think about the content of the chart

  • Good visualizations take advantage of the human visual system's ability to process information with little effort.
2 / 19

Cognitive Principles

Less conginitive effort to read the chart (what is presented) and save the time to think about the content of the chart

  • Good visualizations take advantage of the human visual system's ability to process information with little effort.

Preattentive graph perception

It requires no conscious effort from the viewer to do understand what is presented through the design. It's automated and takes between 200-500 milliseconds to complete in the spatial memory.

2 / 19

Cognitive Principles

Less conginitive effort to read the chart (what is presented) and save the time to think about the content of the chart

  • Good visualizations take advantage of the human visual system's ability to process information with little effort.

Preattentive graph perception

It requires no conscious effort from the viewer to do understand what is presented through the design. It's automated and takes between 200-500 milliseconds to complete in the spatial memory.

(Spatial working memory entails the ability to keep spatial information active in working memory over a short period of time.)

2 / 19

Preattentive visual properties

  1. Color

  2. Form: collinearity, curvature, marks, shape, size, spatial grouping, length, width, breadth

  3. Spatial position: 2D, 3D

  4. Movement: flicker, movement

These are processed in our sensory memory without our conscious thoughts (without having knowledge of something).

3 / 19

Inclass discussion

4 / 19

Cognitive principles

5 / 19

1. Proximity

6 / 19

2. Similarity

7 / 19

3. Common region

8 / 19

4. Common fate

9 / 19

4. Common fate

9 / 19

US vs India

US vs Russia

10 / 19

US vs India

US vs Russia

11 / 19

5. Working memory

More than seven categories decrease readability and increase comprehension time.

12 / 19

6. Change blindness

Resources: https://guyabel.github.io/wcde/articles/wcde.html

13 / 19

7. Easy comparisons

  1. Position (common scale)

  2. Position (nonaligned scale)

  3. Length, direction, angle, slope

  4. Area

  5. Volume, density, curve

  6. Shading, color saturation, colour hue

  7. Discriminable shape

  8. Indiscriminable shape

14 / 19

7. Easy comparisons: Example

colour, discriminable shape, indiscriminable shape

15 / 19

7. Easy comparisons: Example

16 / 19

In 1980s, statisticians William Cleveland and Robert McGill ran some experiments with human volunteers, measuring how accurately they were able to perceive the quantitative information encoded by different cues.

17 / 19

Jock D. Mackinlay

Jock D. Mackinlay received his PhD in computer science from Stanford University, where he pioneered the automatic design of graphical presentations of relational information.

18 / 19

Which visual encoding method is best for you?

description of the image

Source: https://www.qlik.com/blog/visual-encoding

19 / 19

Cognitive Principles

Less conginitive effort to read the chart (what is presented) and save the time to think about the content of the chart

  • Good visualizations take advantage of the human visual system's ability to process information with little effort.
2 / 19
Paused

Help

Keyboard shortcuts

↑, ←, Pg Up, k Go to previous slide
↓, →, Pg Dn, Space, j Go to next slide
Home Go to first slide
End Go to last slide
Number + Return Go to specific slide
b / m / f Toggle blackout / mirrored / fullscreen mode
c Clone slideshow
p Toggle presenter mode
s Start & Stop the presentation timer
t Reset the presentation timer
?, h Toggle this help
Esc Back to slideshow