Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Automatic Color Schemes

Public visualization

Viewing a saved revision (read-only)

aaeb8ab5274f4571b6d5ec2bedd7bf6f

Automatic Color Schemes

0 stars3🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Aug 24, 2024

This visualization demonstrates how color schemes can be automatically generated from configurable parameters for hue, saturation, and luminance. Nine distinct schemes are displayed, each containing seven colors that transition from dark to light via cubic interpolation in Cubehelix color space using D3’s `interpolateCubehelix`. The rendered output shows both circles and rectangles filled with the generated colors, with the `d3.cubehelix` function constructing endpoint colors based on the specified hue, saturation, and luminance bounds. The code selects numeric parameters from a CSV file, specifying the active scheme index.

AI-generated description

An example of automatically deriving color schemes from configurations of hues, luminance, and saturation.