Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Color in Data Visualization

Public visualization

Viewing a saved revision (read-only)

1c8d90f44b5244d0b6d55069d5f2a88b

Color in Data Visualization

0 stars0🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Jul 24, 2025
Forked from Circles with D3

This gallery example visualizes five fundamental color-scale patterns—sequential, diverging, categorical, highlight, and alert—through a grid of annotated mini bar charts. Each pattern shows how color encodes quantitative or categorical data, using palettes like blues for sequential, diverging browns and greens, and gray tints with accent colors for highlighting. The D3 v7 code uses `scaleLinear` and `scaleBand` to compute bar heights, while custom wrapping logic measures text via `getComputedTextLength`. The layout is fixed with responsive container sizing, and the visualization is based on concepts from "The Big Book of Dashboards."

AI-generated description