🌍 Public
Viewing a saved revision (read-only)
cd8c3bfa5e4c4392928c144df849f8a1
Rendering data with react
This example renders a striped color chart from the CSS Named Colors dataset, which is loaded via D3’s `csv` utility. Each row of the dataset becomes a 960-pixel-wide, 4-pixel-tall `div`, colored by the row’s `RGB hex value` and stacked vertically. Built with React 16.9 and D3 v7, the page uses React’s `useState` and `useEffect` hooks to fetch and store the data, displaying a brief “Loading…” message until it arrives. The resulting visualization shows all named colors as a continuous horizontal spectrum.
AI-generated descriptionprograms that loads some data using D3 utilities