{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example demonstrates a list of CSS named colors from a GitHub-hosted CSV file, rendered as horizontal color swatches. The visualization loads the data with `d3.csv` and uses React hooks (`useState`, `useEffect`) to manage state, while React components generate the visual output as styled HTML `<div>` elements. The code does not use SVG despite the page’s metadata; instead, each row becomes a colored block whose background is set via inline styles from the `'RGB hex value'` column, producing a full-width stacked spectrum. A loading message appears until the data is fetched.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4bfa11a1c50a455ba03a7b89361bba58?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}