{"version":"1.0","type":"rich","title":"Rendering data with react: pie","description":"A pie chart displays the colors from the CSS color names dataset, with each slice representing a color category. The chart is rendered as an SVG using React and D3, where the `d3.pie` function computes the arc angles and `d3.arc` constructs the path for each slice. The data is loaded asynchronously from a CSV file via `d3.csv`. The code maps each data row to a pie slice, filling it with the corresponding hex value from the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fcea481fcb024392ad9eba2dcac83a16?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}