{"version":"1.0","type":"rich","title":"Pie chart","description":"This pie chart visualizes shipping amounts across different cities during the Covid era, with each slice labeled by its value and a legend identifying city names. The code fetches CSV data from a GitHub gist using `d3.csv` and renders the chart with React and SVG. It employs `d3.pie` to compute arc segments, `d3.arc` to generate path geometries, and `d3.scaleOrdinal` for color mapping. Text labels are positioned via `arc.centroid`, and a custom legend displays colored rectangles and city names.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0952611e65aa47b1b5c202d36a8d540a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}