Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualizing CSS Colors

Public visualization

Visualizing CSS Colors

0 stars1🌍 Public
Bbrunoevione
Last edited Mar 22, 2021
Created on Mar 22, 2021

This visualization displays all 148 CSS named colors as a sequence of thin horizontal stripes, each rendered as a div whose background color corresponds to a row from the loaded dataset. The code fetches the CSS color data from a CSV file using D3’s `csv` utility, stores it in React state via `useState` and `useEffect`, and maps each row to a colored div. React handles the rendering of each stripe, while the dataset from Curran’s gist provides the hex values.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed