{"version":"1.0","type":"rich","title":"Rendering data with React","description":"This example demonstrates how React can render a dataset of CSS named colors by mapping each row to a colored horizontal strip, creating a stacked visual catalog of 148 color swatches. The application loads the color data using D3’s `d3.csv` method in a `useEffect` hook, stores it in React state via `useState`, and conditionally displays a “Loading…” message until the data arrives. Each color is rendered as a `<div>` element with its background set to the RGB hex value from the CSV. The code combines React 17, D3 v6, and SVG-friendly styling within a single-page setup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/133342845118457baef9103eaa211dc2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}