{"version":"1.0","type":"rich","title":"Rendering data with React and D3","description":"The example shows a React application that loads and renders CSS named colors from a CSV file as a vertical stack of 4-pixel-tall color swatches. It uses the `useState` and `useEffect` hooks to asynchronously fetch the data with `d3.csv`, then maps each row to a styled `div` element whose background color is set from the `RGB hex value` column. The code also includes a separate plain D3 version that parses the same CSV and reports its size, row count, and column count using `d3.csvParse` and `d3.csvFormat`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}