foundations color for data vis
play

Foundations Color for Data Vis Benjamin Bach http://benjbach.me - PowerPoint PPT Presentation

Oct 27, 2022 •302 likes •992 views

Foundations Color for Data Vis Benjamin Bach http://benjbach.me University of Edinburgh 2020 Outline What is color? Color in visualization Color Scales Sequential, diverging, categorical scales Rainbow color map Color blindness What is

  1. Foundations Color for Data Vis Benjamin Bach http://benjbach.me University of Edinburgh 2020

  2. Outline What is color? Color in visualization Color Scales Sequential, diverging, categorical scales Rainbow color map Color blindness

  3. What is Color?

  4. ~120 million rods 400-700nm ~6 million cones

  6. Color Models Subtractive Additive Models Models

  7. What is color?

  8. HSB Model: Hue, Saturation, Brightness Color = (Brightness/Lightness, Saturation, Hue)

  9. HSB Color Picker

  10. Color in Visualization

  11. Visual Variables

  12. http://innovis.cpsc.ucalgary.ca/innovis/uploads/Publications/Publications/Carpendale_visual_variables.pdf

  14. Color Scales

  15. More examples of color scales (ColorBrewer)

  17. Colorbrewer.org

  18. Sequential Scales

  19. More examples of color scales (ColorBrewer)

  20. Sequential color scales Single hue: Multi hue: https://github.com/d3/d3-scale-chromatic

  21. Mapping color scales Linear Data value Non-linear Stepwise

  23. Median Median

  24. Median Median

  25. 10% 8 18

  28. 10%

  29. Diverging Scales

  30. More examples of color scales (ColorBrewer)

  31. Diverging color scale Multi hue:

  35. Categorical Scales

  36. More examples of color scales (ColorBrewer)

  39. I Want Hue

  44. Rainbow Color Maps

  45. More examples of color scales (ColorBrewer)

  47. http://innovis.cpsc.ucalgary.ca/innovis/uploads/Publications/Publications/Carpendale_visual_variables.pdf

  48. Color Maps Rainbow: Diverging:

  49. Rainbow Colormap

  50. Rainbow Colormap

  51. Color (mis)use

  52. Lightness perception of rainbow color maps

  53. Rainbow colormap Pros: - Many different values - Compare similar values Cons: - Colors hardly orderable - Introduces sharp jumps in values - Hides overall patterns - Overemphasizes certain values - Is not black/white nor colorblind save!

  54. Linear Rainbow map

  56. Color Blindness

  58. Normal vison Deuteranopia Protanopia Tritanopia

  59. Protanopia Deuteranopia Tritanopia "If a submitted manuscript 8% happens to go to three male reviewers of Northern European descent, the 0.5% chance that at least one will be color blind is 22 percent ."

  61. www.color-blindness.com Normal Types of color blindness

  62. Colorblind safe palettes Colorbrewer.org: Diverging Sequential Categorical

  63. Redundant encoding

  64. Further applications in DataVis

  65. Meaning of colors across cultures

  67. Take home messages: ● Color = hue + lightness + saturation ● Chose a color scale that fits your data ● Avoid rainbow color palettes ● Test your color palettes for colorblindness ● Whatever increases accessibility for some fraction of the population, increases accessibilty overall.

  68. Further reading Wong, Bang. "Points of view: Color blindness." (2011): 441. ● Tamara Munzner: Visualization Analysis and Design, 2016; ● Chapter 10: Map Color and Other Channels https://www.color-blindness.com/types-of-color-blindness ● Colin Ware: Information Visualization—Perception for Design, ● 2012

Recommend

Why does a visual system need color? Color Reading: Chapter 6, Forsyth & Ponce

Why does a visual system need color? Color Reading: Chapter 6, Forsyth & Ponce

Today Why does a visual system need color? Color Reading: Chapter 6, Forsyth & Ponce Optional reading: Chapter 4 of Wandell, Foundations of Vision, Sinauer, 1995 has a good treatment of this. Feb. 17, 2005 MIT 6.869

156 views • 12 slides
Why does a visual system need color? Color Reading: Chapter 6, Forsyth & Ponce

Why does a visual system need color? Color Reading: Chapter 6, Forsyth & Ponce

Why does a visual system need color? Color Reading: Chapter 6, Forsyth & Ponce Optional reading: Chapter 4 of Wandell, Foundations of Vision, Sinauer, 1995 has a good treatment of this. Feb. 19, 2004 MIT 6.891 Prof.

302 views • 11 slides
COLOR (or colour) Color Perception Visible color Gamut RGB color Gamut Pantone color Gamut

COLOR (or colour) Color Perception Visible color Gamut RGB color Gamut Pantone color Gamut

COLOR (or colour) Color Perception Visible color Gamut RGB color Gamut Pantone color Gamut CMYK color Gamut The perception of color is very subjective. Color Perception RGB fmow Digital printing small numbers standard sizes

332 views • 18 slides
1 The Hum an Eye The Hum an Eye The eye: The center of the retina is a densely packed region

1 The Hum an Eye The Hum an Eye The eye: The center of the retina is a densely packed region

Basics Of Color CS 4 7 3 1 : Com put e r Gr a phics Elements of color: Lect ure 2 4 : Color Science Em m anuel Agu W hat is color? I ntroduction Color description: Red, greyish blue, white, dark green Computer Scientist:

293 views • 7 slides
Selling IQ Color Solutions February 2018 IQ Color Overview Why Use Color? IQ Color

Selling IQ Color Solutions February 2018 IQ Color Overview Why Use Color? IQ Color

Selling IQ Color Solutions February 2018 IQ Color Overview Why Use Color? IQ Color Technology & Product Offering Key Markets & Applications Key Decision Makers and Their Pain Points Starting a Conversation

525 views • 26 slides
Outline Foundations of Data and Knowledge Systems EPCL Basic Training Camp 2012 3. Foundations

Outline Foundations of Data and Knowledge Systems EPCL Basic Training Camp 2012 3. Foundations

Foundations of DKS Foundations of DKS Outline Foundations of Data and Knowledge Systems EPCL Basic Training Camp 2012 3. Foundations of Automated Theorem Proving Part Two 3.1 Substitutions and Unification 3.2 Transformation into Clause Form

540 views • 18 slides
Color and Icons SWEN-444 Color Topics Color perception Using color in interaction design

Color and Icons SWEN-444 Color Topics Color perception Using color in interaction design

Color and Icons SWEN-444 Color Topics Color perception Using color in interaction design Color concerns for interaction design Color Reference Color Perception - A Physics Review A light source emits light waves at visible

721 views • 33 slides
together, the entire spectrum of color is absorbed, and were left with black. Primaries: Red,

together, the entire spectrum of color is absorbed, and were left with black. Primaries: Red,

Primaries: magenta, yellow, and cyan This color system is called subtractive because: each primary color absorbs (subtracts) a certain part of the color spectrum. every time a color is added, less light is reflected. When you mix all three

582 views • 10 slides
Color in v is u ali z ations IMP R OVIN G YOU R DATA VISU AL IZATION S IN P YTH ON Nick Stra y

Color in v is u ali z ations IMP R OVIN G YOU R DATA VISU AL IZATION S IN P YTH ON Nick Stra y

Color in v is u ali z ations IMP R OVIN G YOU R DATA VISU AL IZATION S IN P YTH ON Nick Stra y er Instr u ctor Ho w color is u sed Di erentiates classes of data Encodes contin u o u s v al u es Sho u ld be u sed caref u ll y IMPROVING YOUR

477 views • 31 slides
Color and Color Models Werner Purgathofer Color problem specification light and perception

Color and Color Models Werner Purgathofer Color problem specification light and perception

Einfhrung in Visual Computing 186.822 186.822 Color and Color Models Werner Purgathofer Color problem specification light and perception colorimetry l i t device color systems color ordering systems color symbolism 1 Werner

461 views • 29 slides
Lecture 2: Color Tuesday, Sept 4 Color Radiometry: some definitions Color of light arriving

Lecture 2: Color Tuesday, Sept 4 Color Radiometry: some definitions Color of light arriving

Why do we need color for visual processing? Lecture 2: Color Tuesday, Sept 4 Color Radiometry: some definitions Color of light arriving at camera depends on Radiance : power emitted per unit area in a direction Spectral

262 views • 12 slides
Information Visualization Position on unaligned scale Color hue D3 videos/readings week 6

Information Visualization Position on unaligned scale Color hue D3 videos/readings week 6

Upcoming Outline Channels: the big picture Foundations 4: out Feb 13, due Feb 26 (right after reading week) Color in vision theory Magnitude Channels: Ordered Attributes Identity Channels: Categorical Attributes Position on common

215 views • 5 slides
Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Maureen Stone SOLUTION TO LAST WEEKS CHALLENGE https://cscheid.net/projects/d3-drills/ RECAP COLOR SPACES DEVICE DEPENDENT

901 views • 51 slides
Lecture 2: Color Tuesday, Sept 4 1 Why do we need color for visual processing? 2 Color

Lecture 2: Color Tuesday, Sept 4 1 Why do we need color for visual processing? 2 Color

Lecture 2: Color Tuesday, Sept 4 1 Why do we need color for visual processing? 2 Color Color of light arriving at camera depends on Spectral reflectance of the surface light is leaving Spectral radiance of light falling on that

902 views • 69 slides
Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara

Data Visualization Principles: Color CSC444 Acknowledgments for todays lecture: Tamara Munzner, Miriah Meyer, Maureen Stone RECAP COLOR SPACES DEVICE DEPENDENT RGB Device-centric What programs want, not what humans want HSL

1.79k views • 45 slides
Data Visualisation with R Data Visualisation with R Workshop Day 1 Workshop Day 1 Scales and

Data Visualisation with R Data Visualisation with R Workshop Day 1 Workshop Day 1 Scales and

Data Visualisation with R Data Visualisation with R Workshop Day 1 Workshop Day 1 Scales and color Scales and color Presented by Emi Tanaka Department of Econometrics and Business Statistics 11th November @ Statistical Society of Australia |

264 views • 24 slides
Color orado A o ALTO P Project Data Training Data Training Objectives Understand the

Color orado A o ALTO P Project Data Training Data Training Objectives Understand the

Color orado A o ALTO P Project Data Training Data Training Objectives Understand the alarming statistics/background Discuss the population of interest and timeframe Review naming report conventions; drugs monitored in the program;

204 views • 17 slides
Color image processing The use of color in image processing is primarily motivated by two Image

Color image processing The use of color in image processing is primarily motivated by two Image

Color image processing The use of color in image processing is primarily motivated by two Image Analysis factors: Humans can perceive thousands of colors but only about two Color processing dozen shades of gray. Color is a powerful descriptor

1.05k views • 7 slides
CS 2302, Fall 2014 Graphics Concepts Color Concepts 11/17/2014 2 Color Color is a

CS 2302, Fall 2014 Graphics Concepts Color Concepts 11/17/2014 2 Color Color is a

CS 2302, Fall 2014 Graphics Concepts Color Concepts 11/17/2014 2 Color Color is a visual perceptual property Color is something that we perceive, it is a product of our visual system: eyes and brain Color is just one property

753 views • 42 slides
Foundations of XML Data Manipulation Giorgio Ghelli Course structure Data Model Query

Foundations of XML Data Manipulation Giorgio Ghelli Course structure Data Model Query

Foundations of XML Data Manipulation Giorgio Ghelli Course structure Data Model Query languages XPath Type systems, logics, tree automata Storing and querying 1 Structured data ID Last Name First Name Title Birth Date

322 views • 10 slides
Color superfluidity of neutral ultracold fermions in the presence of color-orbit and color-flip

Color superfluidity of neutral ultracold fermions in the presence of color-orbit and color-flip

Color superfluidity of neutral ultracold fermions in the presence of color-orbit and color-flip fields Carlos A. R. Sa de Melo Georgia Institute of Technology Yukawa Institute for Theoretical Physics Kyoto, November 8 th , 2017 1

933 views • 61 slides
Color SE 444 R.I.T S. Ludi/R. Kuehl p. 1 R I T Software Engineering Color Topics Color

Color SE 444 R.I.T S. Ludi/R. Kuehl p. 1 R I T Software Engineering Color Topics Color

Color SE 444 R.I.T S. Ludi/R. Kuehl p. 1 R I T Software Engineering Color Topics Color perception Using color in interaction design Color concerns for interaction design Color Reference R.I.T S. Ludi/R. Kuehl p. 2 R I T

395 views • 16 slides
Welcome Sit with Color Group Why are we here today? OUR PURPOSE Given data, an analytical

Welcome Sit with Color Group Why are we here today? OUR PURPOSE Given data, an analytical

Welcome Sit with Color Group Why are we here today? OUR PURPOSE Given data, an analytical tool, and a theoretical strategy, the Community Education Council and the District Leadership Team will collaborate to identify and assess issues

1.28k views • 109 slides
Visual exploratory data analysis pandas Foundations The iris data set Famous data set in pa

Visual exploratory data analysis pandas Foundations The iris data set Famous data set in pa

PANDAS FOUNDATIONS Visual exploratory data analysis pandas Foundations The iris data set Famous data set in pa ern recognition 150 observations, 4 features each Sepal length Sepal width Petal length Petal

636 views • 50 slides

More recommend