tableau zens on tour - a zen masters guide to colour
TRANSCRIPT
1
Zen$Masters$on$Tour$
#ZensOnTour$
2
Zen$Masters$on$Tour$
3
What%is%a%Tableau%Zen%Master?
4
Who$are$the$Tableau$Zen$Masters?
5
Agenda'
#ZensOnTour'
• 2.3043.30' 'Zen'Master'keynote:' '' ' ' 'Ma:'Francis'
• 3.3044.00' 'Q+A'• 446' ' ' 'Networking'drinks'
6
New$to$Tableau?$
#ZensOnTour$
h4p://tabso8.co/zentrial$$
FIFTY SHADESOF DATA
Warning: The following presentation contains flashing images*
*Well I have got to get through 300+ slides in 45 minutes
Viewer discretion is advised
1665
16
Isaac Newton
Isaac Newton
added colour
White
2nd prism
not adding colour
refraction
wavelength
SPECTRUMSPECTRUM
“The original or primary colours are Red, Yellow, Green, Blew, & a
violet purple; together with Orang, Indico, & an indefinite
varietie of intemediate gradations”
why 7?
indigo
46
legacy
colour theory
51
I’m MattI’m Matt
Zen Master
my day job…my day job…
welcome welcome
welcome trust welcome trust
welcome trust sanger
welcome trust sanger
welcome trust sanger institute
welcome trust sanger institute
My Offices My Offices
My Offices My Offices
Yes i have 2Yes I Have 2
biologybiology
chemistrychemistry
engineeringengineering
electronicselectronics
datadata
Lots of dataLots of data
77
by nightby night
blog
wannabedatarockstar.blogspot.com
Tweet
a lot
@Matt_Francis
You may remember me from such videos
as…
And
89
Tableau Public
today I’m going to give you my guide
colourcolour
94
101
improve aesthetics
catch peoples attention
104
improve understanding
theory
practical
pick the right colours
data -> viz type
data -> colours
115
perceptionperception
116
associationsassociations
117
highlightinghighlighting
emotionsemotions
themesthemes
COLOUR THEORYCOLOUR THEORY
3
primary
red
blueyellow
“fundamental”
can’t be made by mixing
Primary +
primary
3
secondary
green
purpleorange
Primary +
secondary
6
tertiary
yellow-orange
red-orange red-purple
blue-green yellow-green
blue-purple
pick colours
colour harmony
pleasing to the eye
balance
chaotic
engaging
boring
143
create harmony
complementary
opposite colours
High Contrast
COLOURS POP
warning
a
156
once seen
cannot be unseen
159
everywhereeverywhere
Why?
most films contain humans
skin tone
shadows
blue
highlights
orange
opposing concepts
movie posters
184
default colours
great for showing
differences
how do we pick colours?
COLOUR PERCEPTION
COLOUR PERCEPTION
191
Quiz Time
black blue?
white gold?
Another Question
what was the colour of the gorilla’s tie?
#1 rule when using
colour
Never distract
Always enhance
improve esthetics
improve understanding
what does the dress tell us?
people see colours
differently
cannot assume
Colour
blindness
red green
1 in 10
Quiz Time
the BIG Question
can you use red/green?
NO!!!
NEVER!!!
Worse thaN Pie Charts!!!
Stephanie Evergreen
Bad
good
if the viz is just for you
limited audience
if its going to be public
Emily kundEmily kund
http://tinyurl.com/seeallthedata
use high contrast shades
example in a map
NOT with a colour range
249
250
251
252
only using discrete colours
Red
green
COLOUR ASSOCIATIONS
COLOUR ASSOCIATIONS
257
260
261
262
fruityfruity
263
berriesberries
264
full bodied
full bodied
Red Wine
decided before they
tasted
we can use this in our data viz
Quiz Time
269
270
politics?politics?
271
272
273
map + blue + red = political
map + blue + red = political
map + blue + red = political
map + blue + red = political
colour is one of the first
things we see
assumptions
280
BAD
negative
DANGER
287
289
290
291
COLOUR HIGHLIGHTING
COLOUR HIGHLIGHTING
293
biased highlighting
impartial highlighting
296
How do Europe's all-time top goalscorers
compare to Zlatan Ibrahimovic?
How do Europe's all-time top goalscorers
compare to Zlatan Ibrahimovic?
299
300
301
EMOTIONSEMOTIONS
303
304
305
306
COLOUR THEMESCOLOUR THEMES
309
310
311
313
interworks colour tool
90%
10%
322
323
324
325
326
www.wannabedatarockstar.blogspot.com
@Matt_Francis
http://tinyurl.com/udemyzensontour
