🌍 Public
Viewing a saved revision (read-only)
bcc310b31d89424eb44e8b8f767e3b69
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