HomeData ScienceColormap Perception Lab

Colormap Perception Lab

Interactive 3D terrain colored by real colormaps (Viridis, Jet, Grayscale): watch how a perceptually non-uniform colormap invents false features, and simulate deuteranopia/protanopia to see how much of the data becomes indistinguishable.

Data Science3DModerate60 FPS
data-visualization-computer-science ↗ Open standalone

The same dataset can look wildly different depending on which colormap draws it. This simulator renders a real 3D terrain — a mix of Gaussian bumps and smooth noise you control — and colors it by height using Viridis, Jet or a plain grayscale ramp, converting every color to CIE L*a*b* to measure how perceptually uniform that ramp actually is. A vision-simulation mode reapplies a colorblindness transform matrix to the whole scene so you can see, and measure, how much of the encoded signal a deuteranope or protanope loses when the colormap depends on red/green contrast instead of lightness.

⚙ Under the hood

Interactive 3D terrain colored by real colormaps (Viridis, Jet, grayscale): measure how perceptually uniform each ramp is in CIE L*a*b* space, and simulate deuteranopia/protanopia to see how much of the encoded data becomes indistinguishable.

data-visualizationcolormapcolor-perceptionaccessibilityCIELABcolorblindness

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)