{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example displays 148 CSS named colors as a vertical striped column, where each stripe's height and color correspond to a row in a CSV dataset loaded from a Gist. The visualization uses D3’s `csv` function to fetch and parse the data, then React's `useEffect` and `useState` hooks manage the asynchronous loading and rendering. Each color is drawn as a `<div>` element with its background set to the hex value parsed from the dataset, producing a simple, sequential swatch layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/41d8df30f16a4a11877ffc959e2eb611?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}