{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example displays the full list of CSS named colors as horizontal bars stacked vertically, with each bar’s background color set to the corresponding hex value from the dataset. The visualization first shows a “Loading…” message until the data arrives via D3’s `csv` utility, which fetches a CSV file from a GitHub gist. React’s `useState` and `useEffect` hooks manage the asynchronous data loading, and `ReactDOM.render` mounts the component to render each color row as a simple `div` with inline styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d5eb8d5caa5b4d03999e6af491b007b2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}