{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React & D3","description":"This example visualizes all CSS named colors as a radial burst of wedge-shaped arcs. Each arc represents one color from a CSV dataset, filled with its corresponding hex value. The code combines React hooks (`useState`, `useEffect`) with D3 utilities `csv`, `arc`, and `pie` to load and transform the data, then renders the SVG paths inside a React component. The visualization uses a fixed outer radius and centers the pie at the middle of an SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/211e86216a8d4d9db19e70ce84871b61?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}