Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

50 Shades of Data, A Zen Masters Guide to Colour

992 views

Published on

Picking the right colors for your viz is one of the most important factors in creating a great viz. Choose wisely and the colors will enhance your viz. A poor selection, on the other hand, can ruin it. There is a bewildering array of color choices available and deciding on the best combination for your viz can be tricky. In this session, we will look at those decisions that you will face when confronted with the question of how to use color in your work. Using examples from Viz of the Day, we will look at how changing a single color can transform the look and feel of the viz. We will look at some of the tools and websites that will help you select the right colors for your viz and techniques to enable you to put your new found color knowledge to use.

The presentation will be a fast-paced mixture of theory and practical advice where you will learn things such as:

The color combinations to use, those to avoid, and why
How changing a color can change the look and feel of a viz
How colors are linked to emotions and how this can help or hinder your viz
How to create a custom color palette How to create a default set of color templates

Published in: Data & Analytics

50 Shades of Data, A Zen Masters Guide to Colour

  1. 1. FIFTY SHADES OF DATA
  2. 2. Warning: The following presentation contains flashing images* *Well I have got to get through 300+ slides in 45 minutes
  3. 3. Viewer discretion is advised
  4. 4. 1665
  5. 5. 10
  6. 6. Isaac Newton Isaac Newton
  7. 7. added colour
  8. 8. White
  9. 9. 2nd prism
  10. 10. not adding colour
  11. 11. refraction
  12. 12. wavelength
  13. 13. SPECTRUMSPECTRUM
  14. 14. “The original or primary colours are Red, Yellow, Green, Blew, & a violet purple; together with Orang, Indico, & an indefinite varietie of intemediate gradations”
  15. 15. why 7?
  16. 16. indigo
  17. 17. 40
  18. 18. legacy
  19. 19. colour theory
  20. 20. 45
  21. 21. I’m MattI’m Matt
  22. 22. my day job…my day job…
  23. 23. welcomewelcome
  24. 24. welcome trust welcome trust
  25. 25. welcome trust sanger welcome trust sanger
  26. 26. welcome trust sanger institute welcome trust sanger institute
  27. 27. My OfficeMy Office
  28. 28. biologybiology
  29. 29. chemistrychemistry
  30. 30. engineeringengineering
  31. 31. electronicselectronics
  32. 32. datadata
  33. 33. Lots of dataLots of data
  34. 34. 69 by nightby night
  35. 35. blog
  36. 36. wannabedatarockstar.blogspot.com
  37. 37. Tweet
  38. 38. a lot
  39. 39. @Matt_Francis
  40. 40. You may remember me from such videos as…
  41. 41. And
  42. 42. 81
  43. 43. Tableau 
 Public
  44. 44. Zen Master
  45. 45. today I’m going to give you my guide
  46. 46. colourcolour
  47. 47. 86
  48. 48. 93
  49. 49. improve aesthetics
  50. 50. catch peoples attention
  51. 51. 96
  52. 52. improve understanding
  53. 53. theory
  54. 54. practical
  55. 55. pick the right colours
  56. 56. data -> viz type
  57. 57. data -> colours
  58. 58. 107 perceptionperception
  59. 59. 108 associationsassociations
  60. 60. 109 highlightinghighlighting
  61. 61. emotionsemotions
  62. 62. themesthemes
  63. 63. COLOUR THEORY COLOUR THEORY
  64. 64. 3
  65. 65. primary
  66. 66. red blueyellow
  67. 67. “fundamental”
  68. 68. can’t be made by mixing
  69. 69. Primary + primary
  70. 70. 3
  71. 71. secondary
  72. 72. green purpleorange
  73. 73. Primary + secondary
  74. 74. 6
  75. 75. tertiary
  76. 76. yellow-orange red-orange red-purple blue-greenyellow-green blue-purple
  77. 77. pick colours
  78. 78. colour harmony
  79. 79. pleasing to the eye
  80. 80. balance
  81. 81. chaotic
  82. 82. engaging
  83. 83. boring
  84. 84. 135
  85. 85. create harmony
  86. 86. complementary
  87. 87. opposite colours
  88. 88. High Contrast
  89. 89. COLOURS POP
  90. 90. warning
  91. 91. a 148
  92. 92. once seen
  93. 93. cannot be unseen
  94. 94. 151 everywhereeverywhere
  95. 95. Why?
  96. 96. most films contain humans
  97. 97. skin tone
  98. 98. shadows
  99. 99. blue
  100. 100. highlights
  101. 101. orange
  102. 102. opposing concepts
  103. 103. movie posters
  104. 104. 176
  105. 105. default colours
  106. 106. great for showing differences
  107. 107. how do we pick colours?
  108. 108. COLOUR PERCEPTION COLOUR PERCEPTION
  109. 109. 183
  110. 110. Quiz Time
  111. 111. black blue?
  112. 112. white gold?
  113. 113. Another Question
  114. 114. what was the colour of the gorilla’s tie?
  115. 115. #1 rule when using colour
  116. 116. Never distract
  117. 117. Always enhance
  118. 118. improve esthetics
  119. 119. improve understanding
  120. 120. what does the dress tell us?
  121. 121. people see colours differently
  122. 122. cannot assume
  123. 123. Colour blindness
  124. 124. red green
  125. 125. 1 in 10
  126. 126. Quiz Time
  127. 127. the BIGQuestion
  128. 128. can you use red/green?
  129. 129. NO!!!
  130. 130. NEVER!!!
  131. 131. Worse thaN Pie Charts!!!
  132. 132. Stephanie Evergreen
  133. 133. Bad
  134. 134. good
  135. 135. if the viz is just for you
  136. 136. limited audience
  137. 137. if its going to be public
  138. 138. Emily kundEmily kund
  139. 139. http://tinyurl.com/seeallthedata
  140. 140. use high contrast shades
  141. 141. example in a map
  142. 142. www.vischeck.com
  143. 143. NOT with a colour range
  144. 144. 241
  145. 145. 242
  146. 146. 243
  147. 147. 244
  148. 148. only using discrete colours
  149. 149. Red green
  150. 150. COLOUR ASSOCIATIONS COLOUR ASSOCIATIONS
  151. 151. 249
  152. 152. 252
  153. 153. 253
  154. 154. 254 fruityfruity
  155. 155. 255 berriesberries
  156. 156. 256 full bodied full bodied
  157. 157. Red Wine
  158. 158. decided before they tasted
  159. 159. we can use this in our data viz
  160. 160. Quiz Time
  161. 161. 261
  162. 162. 262 politics?politics?
  163. 163. 263
  164. 164. 264
  165. 165. 265 the letter “o” the letter “o”
  166. 166. map + blue + red = political
  167. 167. map + blue + red = political
  168. 168. map + blue + red = political
  169. 169. map + blue + red = political
  170. 170. colour is one of the first things we see
  171. 171. assumptions
  172. 172. 272
  173. 173. BAD
  174. 174. negative
  175. 175. DANGER
  176. 176. 279
  177. 177. 281
  178. 178. 282
  179. 179. 283
  180. 180. COLOUR HIGHLIGHTING COLOUR HIGHLIGHTING
  181. 181. 285
  182. 182. biased highlighting
  183. 183. impartial highlighting
  184. 184. 288
  185. 185. How do Europe's all- time top goalscorers compare to Zlatan Ibrahimovic?
  186. 186. How do Europe's all- time top goalscorers compare to Zlatan Ibrahimovic?
  187. 187. 291
  188. 188. 292 EMOTIONSEMOTIONS
  189. 189. 294
  190. 190. 295
  191. 191. 296
  192. 192. 297
  193. 193. COLOUR THEMES COLOUR THEMES
  194. 194. 300
  195. 195. 301
  196. 196. 302
  197. 197. 304
  198. 198. tabpal.co
  199. 199. interworks colour tool
  200. 200. 90%
  201. 201. 10%
  202. 202. 313
  203. 203. 314
  204. 204. 315
  205. 205. 316
  206. 206. 317
  207. 207. www.wannabedatarockstar.blogspot.com @Matt_Francis www.facebook.com/wannabedatarockstar
  208. 208. Please complete 
 the session survey from the Session Details screen in your TC15 app

×