{"version":"1.0","type":"rich","title":"Pie","description":"This example shows a radial burst of colored arcs, each representing a CSS named color from a dataset loaded via `d3.csv`. The visualization renders a full circle of pie slices with no gaps, using React to manage state and render SVG paths. It leverages `d3.pie` to compute arc angles and `d3.arc` to generate the path geometry, with each slice filled using the color’s hexadecimal value from the data. The code demonstrates a hybrid approach where D3 handles data loading and calculations while React handles the DOM updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d52c86c93c1e46909b7dd6c6f739755c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}