colormap

Usage

Raw HTML/JS

Include the colormap script in HTML

<script src="colormap/colormap.js"></script>

Create colormap with specifications in JS

let spec = {
    colormap: 'jet',
    nshades: 10,
    format: 'hex',
    alpha: 1
};

let colormap = createColormap(spec);

npm

See this

API

Property	Default	Meaning
colormap	'jet'	Color map name from the image above or a custom color scale — a sequence of {index, rgb} objects, where index is 0..1 number and rgb is a length 3/4 array with values for the color stop.
nshades	72	Number of colors in returned array, the minimum number depends on colormap.
format	'hex'	'hex' for #aabbcc, 'rgbaString' for rgba(255, 255, 255, 1), 'rba' for [255, 255, 255, 1], 'float' for [1, 1, 1, 1].
alpha	1	Alpha range, can be an array with alpha values or just 2 values for start/end colors.

Credits

This is a raw js implementation of bpostlethwaite's colormap

Color maps are inspired by matplotlib color scales, cmocean oceanographic colormaps, cosine gradients and others. Thanks to authors of these libs for their invaluable work.