viridis

The viridis colormap is perceptually uniform, colorblind-friendly, and monotonically increasing in lightness — which is why it became the default way to color data.

This page demonstrates the @graysonlang/viridis npm package — a tiny, dependency-free ES module bundling viridis and its siblings. Pick a colormap at the top right and every visualization follows.

npm install @graysonlang/viridis
The colormap Channel curves and lightness — hover to sample a value.
Voronoi relaxation Cells colored by area, Lloyd-relaxing live — stir with the pointer, click to reseed.
Scalar field An interference field mapped through the ramp — the pointer drops a ripple.
Ridgeline Stacked noise series colored by row — the pointer raises the terrain.
Tree A random tree relaxing under spring forces, colored by depth — click to regrow.
Distribution Samples streaming into bins, colored by count — click for a new mixture.