{"version":"1.0","type":"rich","title":"Rendering CSV named colors with React","description":"This example visualizes the 148 CSS named colors as horizontal color bars stacked vertically, with each bar’s background color set from the CSV’s “RGB hex value” column. It demonstrates unidirectional data flow in React, loading the dataset via D3’s `csv` utility inside a `useEffect` hook and managing the async result with `useState`. The app renders a “Loading…” message until the data arrives, then maps each row to a styled `<div>` element, with mouse events available for user interaction. The code uses React 16.13.1, ReactDOM, and D3 v6.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1c410959acca4a0d99e4729efcc9ab85?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}