Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering a chart CSS colors with React - JAT

Public visualization

Rendering a chart CSS colors with React - JAT

0 stars1🌍 Public
JJason Tiller
Last edited Mar 3, 2021
Created on Mar 3, 2021

This example renders the full set of CSS named colors as a stacked sequence of horizontal strips, fetched from a gist-hosted CSV file using D3’s `csv` utility. Each row is displayed as a React `<div>` whose background color is set directly from the `RGB hex value` field, producing a 960-pixel-wide gradient-like swatch. The visualization demonstrates a simple React state workflow: data loads asynchronously in an effect hook, shows a loading message until ready, and then maps each color entry to a styled element.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed