Data Viz CE QUINT 2014: Color

1. FUNDAMENTALS OF
DATA VISUALIZATION
Color

3. 1 | Vision & the Brain
2 | Color
3 | Toolkit
4 | Storytelling
5 | Library

4. Hello there!
Color is the new black

5. 2 | color

6. Image from Adelson, MIT

7. Image from Colin Ware
Pop Quiz, Hotshot
1)
A is lighter than B
2)
B is lighter than A
3)
A and B are the same
4)
Just tell me, allright?

8. Image from Adelson, MIT

9. Image from Doghouse Diaries

10. Image from the most excellent xkcd.com

11. What is Color?
Physics
Biology
Visual System
Mental Models
Light Energy
Cone Response
Opponent
Encoding
Perceptual
Models
Wavelength
L, M, S
L, R-G, Y-B
Color perception

12. The Human Eye
Small frequency range
Huge luminance range

13. Image from where else? Wikipedia!

14. Image from Mazur

15. Image from Mazur

17. Image from Mazur

18. Image from http://ideas.etublogs.usj.edu.lb/

19. Image from Wikipedia

20. Image from Colin Ware
The Retina & Color
1)
Spatial compression
2)
Adjust luminance range to nerve S/N
3)
Extract reflectance (color)

21. Image surprisingly from Commonwealth of Australia

22. Who in the rainbow can draw the line where the violet tint ends and the orange tint begins? Distinctly we see the difference of the colors, but where exactly does the one first blendingly enter into the other? So with sanity and insanity.
—Herman Melville, Billy Budd

23. Image from Wikipedia

24. Image from Wikipedia

25. Google this is not yellow

26. Image from hyperphysics.com

27. Image from hyperphysics.com

28. What is yellow?
Real World: 570 nm
Screen: Additive (R+G)
Print: Subtractive

30. Photo: Andrew Bain

33. Image from the most excellent exck.com
Rule of thumb
Luminescence: depth Slightly quantitative
Color: Form & Function
qualitative

34. Image from the most excellent exck.com
Using Color

35. Colin Ware
Nominal

36. Colin Ware
oRDINAL

37. oRDINAL / Sequential

38. Divergent
Divergent

39. Zeilis et al 2009
sequential

40. Zeilis et al 2009
Separable Integral

42. Don’t Do This!

Avoid loud, garish colors…dark text on light background or vice versa is best.

Avoid text colors that fade into background, i.e. blue and black

Avoid color-blind combinations:
–
Red and green
–
Blue and yellow

43. Check Luminance & Color in grayscale

44. Hanspeter Pfister, quoting Stone

45. http://colorbrewer2.org/

46. https://color.adobe.com/create/color-wheel/

47. https://color.adobe.com/create/color-wheel/

48. RESOURCES
http://color.adobe.com
http://www.vischeck.com/
http://www.color-blindness.com

49. Image from Colin Ware
Color Abuse

50. From the 1st lecture!

51. Jim Wahl, 2014

52. Image from Colin Ware
Color Use:
Quasi Quant

53. Rogowitz and Treinish, Why should engineers and scientists be worried about color?
Hue: Skittles
Hue:
Bivariant
Luminescence
Hue +
Luminescence

54. Hello there!
Color is the new black

55. Hello there!
Grayscale
is the new black

56. FUNDAMENTALS OF DATA VISUALIZATION
Color

57. FUNDAMENTALS OF DATA VISUALIZATION
Pair and Share: Visualization Critique