{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example renders CSS color data as a full-screen stack of horizontal stripes, one per color, using React to map each row of the CSV to a styled div. The data is loaded asynchronously with D3’s `csv` function from a GitHub gist, and React’s `useState` and `useEffect` manage the loading state. The visualization shows a large, colorful gradient-like composition that fills the viewport, with each stripe’s background color set to the corresponding CSS color’s hex value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f13d9c6ab81d4d0f89be681ea920caf1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}