{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example visualizes the CSS named color dataset as a radial burst of concentric, overlapping pie charts. Three separate pie arcs, built with `d3.arc`, create layered rings of colored slices, and these rings are repeated at three offset positions to form a clustered pattern. The code loads CSV data with `d3.csv` and uses React hooks like `useState` and `useEffect` to manage the data lifecycle and render the SVG. Each slice is colored directly by its corresponding hex value from the dataset, producing a vibrant, mosaic-like composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/82d3944f94844b44b9e25fd4ccfe8119?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}