{"version":"1.0","type":"rich","title":"Loading Data with React","description":"This example demonstrates loading a CSS Named Colors dataset with D3 and rendering it as horizontal strips in React. The `csv` function from D3 fetches a remote CSV file asynchronously, and React’s `useEffect` and `useState` hooks manage the data state, showing a loading message until the data arrives. Each row is then mapped to a styled `div` whose background color matches the color’s hex value, creating a visual color spectrum across the screen.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}