by Observable

Appearance

Sequential schemes ​

Sequential color schemes are available as continuous interpolators (often used with d3.scaleSequential) and as discrete schemes (often used with d3.scaleOrdinal).

Each discrete scheme, such as d3.schemeBlues, is represented as an array of arrays of hexadecimal color strings. The kth element of this array contains the color scheme of size k; for example, d3.schemeBlues[9] contains an array of nine strings representing the nine colors of the blue sequential color scheme. Sequential color schemes support a size k ranging from 3 to 9.

To create a sequential discrete nine-color scale using the Blues color scheme:

js
const color = d3.scaleOrdinal(d3.schemeBlues[9]);

To create a sequential continuous color scale using the Blues color scheme:

js
const color = d3.scaleSequential(d3.interpolateBlues);

interpolateBlues(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “Blues” sequential color scheme represented as an RGB string.

interpolateGreens(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “Greens” sequential color scheme represented as an RGB string.

interpolateGreys(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “Greys” sequential color scheme represented as an RGB string.

interpolateOranges(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “Oranges” sequential color scheme represented as an RGB string.

interpolatePurples(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “Purples” sequential color scheme represented as an RGB string.

interpolateReds(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “Reds” sequential color scheme represented as an RGB string.

interpolateTurbo(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “turbo” color scheme by Anton Mikhailov.

interpolateViridis(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “viridis” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib, represented as an RGB string.

interpolateInferno(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “inferno” perceptually-uniform color scheme designed by van der Walt and Smith for matplotlib, represented as an RGB string.

interpolateMagma(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “magma” perceptually-uniform color scheme designed by van der Walt and Smith for matplotlib, represented as an RGB string.

interpolatePlasma(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “plasma” perceptually-uniform color scheme designed by van der Walt and Smith for matplotlib, represented as an RGB string.

interpolateCividis(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “cividis” color vision deficiency-optimized color scheme designed by Nuñez, Anderton, and Renslow, represented as an RGB string.

interpolateWarm(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from a 180° rotation of Niccoli’s perceptual rainbow, represented as an RGB string.

interpolateCool(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from Niccoli’s perceptual rainbow, represented as an RGB string.

interpolateCubehelixDefault(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from Green’s default Cubehelix represented as an RGB string.

interpolateBuGn(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “BuGn” sequential color scheme represented as an RGB string.

interpolateBuPu(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “BuPu” sequential color scheme represented as an RGB string.

interpolateGnBu(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “GnBu” sequential color scheme represented as an RGB string.

interpolateOrRd(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “OrRd” sequential color scheme represented as an RGB string.

interpolatePuBuGn(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “PuBuGn” sequential color scheme represented as an RGB string.

interpolatePuBu(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “PuBu” sequential color scheme represented as an RGB string.

interpolatePuRd(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “PuRd” sequential color scheme represented as an RGB string.

interpolateRdPu(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “RdPu” sequential color scheme represented as an RGB string.

interpolateYlGnBu(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “YlGnBu” sequential color scheme represented as an RGB string.

interpolateYlGn(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “YlGn” sequential color scheme represented as an RGB string.

interpolateYlOrBr(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “YlOrBr” sequential color scheme represented as an RGB string.

interpolateYlOrRd(t) ​

Source · Given a number t in the range [0,1], returns the corresponding color from the “YlOrRd” sequential color scheme represented as an RGB string.

schemeBlues[k] ​

Source · The “Blues” discrete sequential color scheme of size k in 3–9.

schemeGreens[k] ​

Source · The “Greens” discrete sequential color scheme of size k in 3–9.

schemeGreys[k] ​

Source · The “Greys” discrete sequential color scheme of size k in 3–9.

schemeOranges[k] ​

Source · The “Oranges” discrete sequential color scheme of size k in 3–9.

schemePurples[k] ​

Source · The “Purples” discrete sequential color scheme of size k in 3–9.

schemeReds[k] ​

Source · The “Reds” discrete sequential color scheme of size k in 3–9.

schemeBuGn[k] ​

Source · The “BuGn” discrete sequential color scheme of size k in 3–9.

schemeBuPu[k] ​

Source · The “BuPu” discrete sequential color scheme of size k in 3–9.

schemeGnBu[k] ​

Source · The “GnBu” discrete sequential color scheme of size k in 3–9.

schemeOrRd[k] ​

Source · The “OrRd” discrete sequential color scheme of size k in 3–9.

schemePuBuGn[k] ​

Source · The “PuBuGn” discrete sequential color scheme of size k in 3–9.

schemePuBu[k] ​

Source · The “PuBu” discrete sequential color scheme of size k in 3–9.

schemePuRd[k] ​

Source · The “PuRd” discrete sequential color scheme of size k in 3–9.

schemeRdPu[k] ​

Source · The “RdPu” discrete sequential color scheme of size k in 3–9.

schemeYlGnBu[k] ​

Source · The “YlGnBu” discrete sequential color scheme of size k in 3–9.

schemeYlGn[k] ​

Source · The “YlGn” discrete sequential color scheme of size k in 3–9.

schemeYlOrBr[k] ​

Source · The “YlOrBr” discrete sequential color scheme of size k in 3–9.

schemeYlOrRd[k] ​

Source · The “YlOrRd” discrete sequential color scheme of size k in 3–9.