d3-colors-maps

This module provides color interpolators to complement d3-scale-chromatic.

These interpolators are designed to work with d3-scale’s d3.scaleSequential. For example, to create a continuous color scale using the Berlin color interpolator:

var color = d3.scaleSequential(d3.interpolateBerlin);
color(0.25);

Installing

If you use NPM, npm install d3-colors-maps. Otherwise, download the latest release or load directly from unpkg.com as a standalone library.

<script src="https://unpkg.com/d3-color@1"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/d3-color-maps"></script>
<script>

var color = d3.scaleSequential(d3.interpolateBerlin),
  c = color(0.25); // "#286988"

</script>

Or, in combination with the D3 default bundle:

<script src="https://unpkg.com/d3@5"></script>
<script src="https://unpkg.com/d3-colors-maps@1"></script>
<script>

var color = d3.scaleSequential(d3.interpolateBerlin),
  c = color(0.25); // "#286988"

</script>

Try d3-colors-maps in your browser.

API Reference

Scientific Color Maps 3.0

These perceptually-uniform color maps by Fabio Crameri are licensed under a Creative Commons Attribution 4.0 International License.

If you use them in a scientific context, please cite:

Crameri, F., (2018, May 8). Scientific colour maps (Version 3.0.1). Zenodo. http://doi.org/10.5281/zenodo.1243909

The following interpolators are available. Given a number t in the range [0,1], they each return the corresponding color from their color map, represented as an RGB string.

# d3.interpolateBerlin

# d3.interpolateBilbao

# d3.interpolateBroc

# d3.interpolateCork

# d3.interpolateDavos

# d3.interpolateDevon

# d3.interpolateGrayC

# d3.interpolateLajolla

# d3.interpolateLapaz

# d3.interpolateLisbon

# d3.interpolateOleron

Oleron is only to be used with topography data and centered.

# d3.interpolateOslo

# d3.interpolateRoma

# d3.interpolateTofino

# d3.interpolateTokyo

# d3.interpolateTurku

# d3.interpolateVik

Or, with a discrete number of steps: