Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Color Viz

Public visualization

Viewing a saved revision (read-only)

07e732f928e84b55bd31f05d592d5cd9

Color Viz

0 stars0🌍 Public
SSamuel Oseh
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from React Loader

This example visualizes the CSS named colors as a vertical stack of horizontal swatches, one per color, ordered as they appear in the source CSV. The React app asynchronously loads the dataset using `d3.csv`, then renders each row as a 20-pixel-tall, 960-pixel-wide `<div>` with a background color set from the `RGB hex value` column. The visualization relies on React’s `useState` and `useEffect` hooks to manage the data-fetching lifecycle, with a “Loading…” fallback presented before the data arrives.

AI-generated description

Loads data using React and D3 utilities, Bare minimum for projects