CS-GY 6313: Information Visualization
1.0.0
1.0.0
  • Introduction
  • Defining Information Visualization
  • Why Use Visualization?
  • Popular Visualization Sources and Tools
  • Why Use a Graphical Representation?
  • The Problem with Statistics
  • Why Use a Computer to Visualize Data?
  • Why Use Interaction?
  • Assessing the Quality of a Visualization
  • Data Abstraction
    • Types of Datasets
    • Types of Attributes
    • Attribute Semantics
    • Data Abstraction to Visualization
    • Data Profiling
  • Fundamental Graphs
    • Alternate Representations
    • Visualizing More Than 2 Attributes
    • Faceting
  • Data Transformation
  • Graphical Components and Mapping Strategies
    • Marks
    • Channels
    • Graphical Decoding
    • Evaluating the Quality of a Visual Encoding
    • Contextual Components
  • Color
    • Color Perception
    • Color Specification
    • Color Use
      • Quantitative Color Scales
      • Categorical Color Scales
      • Diverging Color Scales
      • Highlighting
    • Perceptual Issues with Color
  • Geo Visualization
    • When to Use Maps
    • Geo Visualization Techniques
      • Dot Maps
      • Heat Maps
      • Hexbin Maps
      • Choropleth Maps
      • Graduated Symbol Maps
      • Summary of Map Types
    • Issues with Maps
    • Visualizing Geo Data with Time
  • Visualizing Temporal Data
    • Time Structures
    • Visualization Methods
    • Increasing Visual Scalability
    • Beyond Using Position
  • Networks and Trees
    • Visualizing Network Data
      • Node-Link Diagrams
        • Clutter Reduction
      • Matrices
    • Visualizing Trees
      • Node-Link Diagrams
      • Special Kinds of Trees
      • Space-Partitioning and Containment
        • Sunburst and Icicle Plots
  • Interaction and Multiple Views
    • Single and Multiple View Methods
      • Single View Methods
      • Multiple (Linked) Views Methods
    • Common Scenarios
  • Exploring Data
  • Animation, Pacing and Exposition
Powered by GitBook
On this page
  • RGB
  • HSV / HSL
  • CIE Lab and CIE Luv
  • CIE Lab (or L*a*b*)
  • CIE Lch (HCL)
  • A Comparison Between Color Spaces

Was this helpful?

  1. Color

Color Specification

PreviousColor PerceptionNextColor Use

Last updated 5 years ago

Was this helpful?

This section discusses how to specify color in order to aid in visualization.

As we discussed earlier, any color can be obtained from the 3 channels.

To specify a color, we must first choose a color space. The set of all the colors that can be generated from a color space constitute the gamut of that color space.

Not all color spaces are equivalent. Some commonly used color spaces are discussed below.

RGB

This refers to the Red Green Blue color space.

It is commonly used on the screens of digital devices.

R, G, B have values ranging from 0 to 1 each. (0,0,0) refers to black and (1,1,1) refers to white.

The issue with the RGB color space is that it isn't very natural i.e. it is not easy to generate colors that are useful for visualization. That is why it isn't commonly used for visualization.

HSV / HSL

This refers to Hue Saturation and Value/Lightness.

It is easier and more natural to specify colors using this color space.

Hue is the name of color, saturation is the vividness and lightness is the brightness of the color.

The issue with this color space is that it is not perceptually uniform. This means that distances that are mathematically computed in the color space do not correspond to the perceptual distances.

CIE Lab and CIE Luv

CIE stands for Commission Internationale de l'Eclairage (i.e. the International Commission on Illumination). CIE Lab and CIE Luv are perceptually uniform color spaces.

CIE Lab (or L*a*b*)

There are 3 channels:

  • L* (Lightness): This refers to the lightness/brightness of a color and it is perceptually uniform

  • a*: It is a chromatic axis that goes from Green to Magenta/Red

  • b*: It is a chromatic axis that goes from Yellow to Blue

This color space is a nonlinear transformation of the physical measure for the color (i.e. the wavelength). It is designed to be perceptually linear.

One issue with Lab is that, even though it is perceptually uniform, it is not easy to use.

CIE Lch (HCL)

This color space has the best of both worlds: usability and uniformity (i.e. perceptual uniformity).

It is a modified L*a*b* where a* and b* are converted into:

  • c* (chroma i.e the relative saturation)

L* still refers to the luminance/lightness.

A Comparison Between Color Spaces

h∘^{\circ}∘ (hue i.e. the angle of the hue in CIE Lab)