Journal
orangepink
Week04bColour.pptxVisual Encoding and Colour Week 04b BUSMGT 708 Communicating Business Insights
1
Learning outcomes:
By the end of this session you should be able to
Identify why colour is important to data visualisation
Understand the impact of colour blindness
Be able to select appropriate colour schemes for your visualisations
2
Agenda:
3
Use of Colour in Data Visualisation
Colour Vision Deficiency (aka colour blindness)
Improve a real world visualisation
4
Use of Colour in Data Visualisation
Colour Vision Deficiency (aka colour blindness)
Improve a real world visualisation
7
Colour (Hue)
Changes to the HUE (colour)
Changes to the SATURATION (intensity)
Changes to the Value (brightness)
Relationships on a Traditional Color Wheel
Image used under the Wikipedia Creative Commons license.
http://www.wikipedia.com
Relationships on a RGB Color Wheel
Computer displays use red, green, and blue elements. This results in a shifted arrangement of complimentary colors.
Image used under the Wikipedia Creative Commons license.
http://www.wikipedia.com
Does this color use enhance or detract?
13
What does colour even mean here?
From http://online.wsj.com - The Wall Street Journal Online, originally published August 7, 2010
What meaning does colour bring to the presentation?
Source: Juice Analytics Whitepaper (part 3)
Source: The Big Book of Dashboards (Figure 1.16)
Source: The Big Book of Dashboards (Figure 1.17)
Sequential colour
Source: The Big Book of Dashboards (Figure 1.19)
Diverging colour
Source: The Big Book of Dashboards (Figure 1.20)
Categorical colour
20
Source: The Big Book of Dashboards (Figure 1.21)
Highlight colour
Source: The Big Book of Dashboards (Figure 1.22)
Alerting colour
Too Much Colour
Short-term Memory = “small chunks of information”
Requires reusing the same or similar colour
Requires frequent reference to the legend
Too Much Colour
24
25
Use of Colour in Data Visualisation
Colour Vision Deficiency (aka colour blindness)
Improve a real world visualisation
Colour
Normal
Colour
Vision
Deficiency
26
The Eye with Normal Colour Vision
Three types of colour sensitive cones
Short (S) – respond to short wave lengths
Medium (M) - respond to medium wave lengths
- more sensitive to green colours
Long (L) - respond to long wave lengths
- more sensitive to red colours
Colour Vision Deficiency
= approximately 8% of men have colour vision deficiency
no perceptible difference between red, orange, brown, and green
1 out of 100 men
1 out of 100 men
1 out of 100 men
5 out of 100 men
2 cones
(dichromat)
(L) protanopia
red-blind
(M) deuteranopia
green-blind
3 cones
(trichromat)
(L) protanomaly
red-weak
(M) deuteranomaly
green-weak
29
How colour is perceived by someone with CVD
Source: www.colblindor.com
Source: The Big Book of Dashboards (Figure 33.3)
Colour
Source: The Big Book of Dashboards (Figure 1.24)
VisCheck www.vischeck.com
https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg?hl=en
34
Protanope Simulation
Source: The Big Book of Dashboards (Figure 1.25)
VisCheck www.vischeck.com
Protanope Simulation
38
39
Source: The Big Book of Dashboards (Figure 1.26)
Source: The Big Book of Dashboards (Figure 1.27)
Source: The Big Book of Dashboards (Figure 33.8)
Source: The Big Book of Dashboards (Figure 33.9)
Source: The Big Book of Dashboards (Figure 33.10)
Example in Practice
Source: The Big Book of Dashboards (Figure 33.11)
47
Use of Colour in Data Visualisation
Colour Vision Deficiency (aka colour blindness)
Improve a real world visualisation
Flag of Mali
https://www.nytimes.com/interactive/2017/08/29/upshot/harvey-rainfall-where-you-live.html
52
https://www.nytimes.com/interactive/2017/11/07/upshot/modern-love-what-we-write-when-we-write-about-love.html
53
Advanced overview of Tableau
https://www.youtube.com/results?search_query=Tableau+Zen+Master+Webinar+Series
54
