{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example renders a stacked list of CSS named colors from a CSV file loaded via `d3.csv`. It uses React state and the `useEffect` hook to fetch and store the data, then maps each row to a colored `div` whose background is set from the `RGB hex value` column. The visualization demonstrates a simple React rendering pipeline with D3 utilities for data loading, displaying each color as a horizontal stripe in a 960-pixel-wide column.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4931d73f1e7444ccb87b54a8d6673692?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}