tableau zens on tour - a zen masters guide to colour

Post on 12-Apr-2017

135 Views

Category:

Software

0 Downloads

Preview:

Click to see full reader

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

www.vischeck.com

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

tabpal.co

interworks colour tool

90%

10%

322

323

324

325

326

www.wannabedatarockstar.blogspot.com

@Matt_Francis

http://tinyurl.com/udemyzensontour

top related