🌍 Public
Viewing a saved revision (read-only)
5e3b995a8d2e40218f9ed2738d47bb28
Rendering data with React
This example demonstrates rendering a dataset of CSS named colors as a vertical sequence of colored rectangles, each with a fixed width and height. The visualization uses React’s `useState` and `useEffect` hooks to asynchronously load a CSV file via `d3.csv()`, then maps the rows into React `<div>` elements whose `backgroundColor` styles are set from the `RGB hex value` column. The code relies on React DOM rendering and D3 v6 for data fetching, presenting a simple, static strip of color swatches without interaction or animation.
AI-generated descriptionA bare minimum HTML page.