{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example displays CSS named colors as a vertical stack of horizontal color swatches, with each row’s background set to the corresponding RGB hex value from the dataset. React manages the component state and renders each swatch as a div, while D3’s `d3.csv` loads and parses the color data from a remote URL. The visualization uses React’s `useState` and `useEffect` hooks to fetch data asynchronously and conditionally render a loading message before the swatches appear.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}