szubtsovskiy / elm-visualization / Scale.Color

We provide sequential and categorical color schemes designed to work with ordinal and sequential scales. Color types come from avh4/elm-color.

Categorical

Categorical color schemes can be used to encode discrete data values, each representing a distinct category.

category10 : List Color

category10

A list of ten categorical colors

accent : List Color

accent

A list of eight categorical colors

paired : List Color

paired

A list of twelve categorical paired colors

pastel1 : List Color

pastel1

A list of nine categorical pastel colors

pastel2 : List Color

pastel2

A list of eight categorical pastel colors

tableau10 : List Color

category10

A list of ten categorical colors

colorblind : List Color

colorblind

A list of eight colorblind friendly categorical colors

set1 : List Color

set1

A list of nine categorical colors

set2 : List Color

set2

A list of eight categorical colors

Sequential Single-Hue

Given a number t in the range [0,1], returns the corresponding color from the color scheme

Sequential color schemes can be used to encode quantitative values. These color ramps are designed to encode increasing numeric values.

bluesInterpolator : Basics.Float -> Color

blues

greensInterpolator : Basics.Float -> Color

greens

greysInterpolator : Basics.Float -> Color

greys

orangesInterpolator : Basics.Float -> Color

oranges

purplesInterpolator : Basics.Float -> Color

purples

redsInterpolator : Basics.Float -> Color

reds

brownsInterpolator : Basics.Float -> Color

browns

tealInterpolator : Basics.Float -> Color

teals

warmGreysInterpolator : Basics.Float -> Color

warm-greys

lightOrangeInterpolator : Basics.Float -> Color

light-oranges

Sequential Multi-Hue

Given a number t in the range [0,1], returns the corresponding color from the color scheme

Sequential color schemes can be used to encode quantitative values. These color ramps are designed to encode increasing numeric values, but use additional hues for more color discrimination, which may be useful for visualizations such as heatmaps. However, beware that using multiple hues may cause viewers to inaccurately see the data range as grouped into color-coded clusters.

viridisInterpolator : Basics.Float -> Color

Viridis

The “viridis” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib.

infernoInterpolator : Basics.Float -> Color

Inferno

The “inferno” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib.

magmaInterpolator : Basics.Float -> Color

magma

The “magma” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib,.

plasmaInterpolator : Basics.Float -> Color

Plasma

The “plasma” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib.

blueGreenInterpolator : Basics.Float -> Color

blue-greens

bluePurpleInterpolator : Basics.Float -> Color

blue-purples

greenBlueInterpolator : Basics.Float -> Color

green-blues

orangeRedInterpolator : Basics.Float -> Color

orange-reds

purpleBlueInterpolator : Basics.Float -> Color

purple-blues

purpleBlueGreenInterpolator : Basics.Float -> Color

purple-blue-greens

purpleRedInterpolator : Basics.Float -> Color

purple-reds

redPurpleInterpolator : Basics.Float -> Color

red-purples

yellowGreenInterpolator : Basics.Float -> Color

yellow-greens

yellowOrangeBrownInterpolator : Basics.Float -> Color

yellow-orange-browns

yellowOrangeRedInterpolator : Basics.Float -> Color

yellow-orange-reds

tealBluesInterpolator : Basics.Float -> Color

teal-blues

goldGreensInterpolator : Basics.Float -> Color

gold-greens

goldOrangeInterpolator : Basics.Float -> Color

gold-oranges

goldRedInterpolator : Basics.Float -> Color

gold-reds

lightGreyRedInterpolator : Basics.Float -> Color

light-grey-reds

lightGreyTealInterpolator : Basics.Float -> Color

light-grey-teals

lightMultiInterpolator : Basics.Float -> Color

light-multi

Diverging

Given a number t in the range [0,1], returns the corresponding color from the color scheme

Diverging color schemes can be used to encode quantitative values with a meaningful mid-point, such as zero or the average value. Color ramps with different hues diverge with increasing saturation to highlight the values below and above the mid-point.

blueOrangeInterpolator : Basics.Float -> Color

blue-oranges

brownBlueGreenInterpolator : Basics.Float -> Color

brown-blue-greens

purpleGreenInterpolator : Basics.Float -> Color

purple-greens

purpleOrangeInterpolator : Basics.Float -> Color

purple-oranges

redBlueInterpolator : Basics.Float -> Color

red-blues

redGreyInterpolator : Basics.Float -> Color

red-greys

yellowGreenBlueInterpolator : Basics.Float -> Color

yellow-green-blues

redYellowBlueInterpolator : Basics.Float -> Color

red-yellow-blues

redYellowGreenInterpolator : Basics.Float -> Color

red-yellow-greens

pinkYellowGreenInterpolator : Basics.Float -> Color

pink-yellow-greens

spectralInterpolator : Basics.Float -> Color

spectral

carbonDiverging1Interpolator : Basics.Float -> Color

carbon-palette1

The “Carbon palette1” diverging color scheme, from the Carbon Design System

The red-cyan palette has a natural association with temperature. Use this palette for data representing hot-vs-cold.

carbonDiverging2Interpolator : Basics.Float -> Color

carbon-palette2

The “Carbon palette2” diverging color scheme, from the Carbon Design System

The purple-teal palette is good for data with no temperature associations, such as performance, sales, and rates of change.

Cyclic

Given a number t in the range [0,1], returns the corresponding color from the color scheme

Cyclical color schemes may be used to highlight periodic patterns in continuous data. However, these schemes are not well suited to accurately convey value differences.

turboInterpolator : Basics.Float -> Color

turbo

The “turbo” color scheme by Anton Mikhailov.

rainbowInterpolator : Basics.Float -> Color

rainbow

sinebowInterpolator : Basics.Float -> Color

sinebow

Alert

Alert colors are used to reflect status. Typically, red represents danger or error; orange represents a serious warning; yellow represents a regular warning, and green represents normal or success.

carbonAlert : List Color

carbonAlert

A list of alert colors from the Carbon Design System