{"version":"1.0","type":"rich","title":"Visualizing data with D3 and React","description":"This example shows a full-screen radial burst of colored arcs, one for each named CSS color, rendered as SVG paths. It loads a CSV of CSS color names and RGB hex values using `d3.csv`, then uses React hooks (`useState`, `useEffect`) to fetch and store the data. D3’s `pie` and `arc` generators compute the angular segments, each filled with its corresponding hex color, while React maps the data to `<path>` elements inside a centered `<g>` transform.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/be9a8929526c45e382b88e131e3abdd8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}