{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example visualizes a dataset of CSS named colors as a vertical stacked bar chart, where each row renders as a thin colored rectangle. Using React for component state and rendering, the code fetches the CSV data with D3's `csv` function, then maps each data entry to a styled div element. The chart displays 148 color swatches sequentially, with each bar’s background color set directly from the `RGB hex value` field. React’s `useState` and `useEffect` hooks manage asynchronous data loading, while D3 handles CSV parsing and formatting.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}