{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example displays CSS named colors as a vertical stack of horizontal stripes, one per color, using React components to render each row. The data is loaded from a CSV file via D3’s `csv` utility, which fetches the dataset and passes it to the React app through a state hook. Each stripe’s background color is set from the `RGB hex value` field, and the layout uses inline styles for width and height. The visualization demonstrates how D3 can handle data loading while React manages the SVG-free DOM rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2480865363a1460dabb53c9026f796dc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}