Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 color experiments

Public visualization

Viewing a saved revision (read-only)

e7c69ce4cb7c4ead9601511e76ce962f

D3 color experiments

1 star0🌍 Public
JJames Rhodes
Last edited Apr 6, 2022
Created on Mar 29, 2022

This example showcases color scales by displaying a series of color swatches as text labels, each filled with a distinct color derived from a linear scale spanning green, purple, and teal. It also renders the minimum temperature from a San Francisco weekly temperature CSV dataset. Built with React and D3 v7, the visualization uses `d3.scaleLinear` for color mapping, `d3.csv` for data loading, and SVG text elements to render the colors against a black background.

AI-generated description

Experimentation with color scales, react + d3