{"version":"1.0","type":"rich","title":"Pie of CSS Colors","description":"This example displays all named CSS colors as stacked horizontal stripes, one per row, using each color’s RGB hex value as the background. The React app fetches a CSV of named colors via `d3.csv`, stores the result in state with `useState`, and maps over the data to render a series of divs with fixed width and height. The visualization relies on React’s `useEffect` for data loading and ReactDOM for mounting, with D3 used solely for CSV parsing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/315d1aa7418e403dbb60cd226b2a94f9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}