school of maths and physical sciences · 2017-01-23 · rainbow colour scales are popular....

35
© University of Reading 2008 www.reading.ac.uk School of Maths and Physical Sciences Using colour

Upload: others

Post on 04-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

© University of Reading 2008 www.reading.ac.uk

School of Maths and Physical Sciences

Using colour

Page 2: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 2

Page 3: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Rainbow colour scales are popular. They’re pretty.

Page 4: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Page 5: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Can you put these circles in order?

Page 6: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Page 7: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Page 8: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Let’s look at the colour scale from the map again. By looking at just luminance values, we can see the problem.

8

Page 9: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 9

Page 10: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

This is the luminance plot for ‘jet’.

10

Page 11: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 11

Page 12: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Here are some examples of rainbow vs grayscale

12

Page 13: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 13

Page 14: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

It’s not just me.

14

“What kind of insane colormap has the property that values spanning the extreme ends of the scale stand out less, and can’t be distinguished as easily as values in the noisy middle? Why, it’s MATLAB’s default colormap, of course!”

Page 15: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Choosing the right colour scale depends on the type of data you are plotting. Some well-behaved palettes:

Page 16: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Page 17: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

An example. Which model performs better?

Page 18: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 22

Model 1 performs better

Model 2 performs better

RMS error for model 2 - RMS error for model 1

Page 19: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

How about now?

Page 20: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 24

Model 1 performs better

Model 3 performs better

RMS error for model 3 - RMS error for model 1

Page 21: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Same data. Different colour scale. Same answer?

25

Page 22: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 26

Model 1 performs better

Model 3 performs better

RMS error for model 3 - RMS error for model 1

Model 1 performs better

Model 2 performs better

RMS error for model 2 - RMS error for model 1

Page 23: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Another example: Let me introduce you to my friend Nick.

Page 24: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Page 25: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 29

Page 26: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Let’s assume I’m showing him this recent article in nature.

30

Page 27: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Page 28: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

He sees the plot like this.

32

Page 29: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Do you need colour at all?

Page 30: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 34

Page 31: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

To recap. Some guidance…

37

Page 32: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

• Don’t just use default settings – choose your colour scale

with care.

– Be especially of rainbow/multi-hue colour scales!

• Check whether changing your colour scale changes your

interpretation of the data.

• Be aware of colourblindness.

• Consider using greyscale!

38

Page 33: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

There are resources to help you!

39

Page 34: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014

Resources • ColorBrewer – lots of lovely colour scales that can be loaded into your favourite

plotting program

• CubeHelix – an interesting way of constructing a perceptual colour scale

• Colour blindness test: – http://aspnetresources.com/tools/colorBlindness

[there are lots more online] – Firefox add-on:

https://addons.mozilla.org/en-us/firefox/addon/colorblind-simulator/

• Blog posts and articles: – http://cresspahl.blogspot.co.uk/2012/03/expanded-control-of-octaves-colormap.html – http://abandonmatlab.wordpress.com/2011/05/07/lets-talk-colormaps/ – http://eagereyes.org/basics/rainbow-color-map – http://www.research.ibm.com/people/l/lloydt/color/color.HTM – http://www.perceptualedge.com/articles/visual_business_intelligence/rules_for_using_color

.pdf

• Borland and Taylor paper in IEEE Computer Graphics and Applications

Page 35: School of Maths and Physical Sciences · 2017-01-23 · Rainbow colour scales are popular. They’re pretty. Data assimilation and visualization in environmental sciences, ... It’s

Data assimilation and visualization in environmental sciences, 17 September 2014 41

"We as a visualization community must do better, making the rainbow color map as rare in visualization as the goto statement is in programming.”

Borland and Taylor, IEEE Computer Graphics and Applications, 2007

xkcd.com