Ch 10: Color

Ch 10: Color

Tamara Munzner

Department of Computer Science

University of British Columbia

CPSC 547, Information Visualization

Day 11: 7 Feb 2017



Idiom design choices: Encode

Encode

Arrange

Express

Separate

Color

What?

Why?

Map

from categorical and ordered

attributes

Order

Align

Hue

Saturation

Luminance

Size, Angle, Curvature, ...

How?

Use

Shape

Motion

Direction, Rate, Frequency, ...

2

Challenges of Color

? what is wrong with this picture?

@WTFViz

¡°visualizations that make no sense¡±



3

Categorical vs ordered color

[Seriously Colorful: Advanced Color Principles & Practices.

Stone.Tableau Customer Conference 2014.]

4

Decomposing color

? first rule of color: do not talk about color!

¨C color is confusing if treated as monolithic

? decompose into three channels

¨C ordered can show magnitude

? luminance

? saturation

¨C categorical can show identity

Luminance values

Saturation

Hue

? hue

? channels have different properties

¨C what they convey directly to perceptual system

¨C how much they can convey: how many discriminable bins can we use?

5

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download