{"version":"1.0","type":"rich","title":"Dataviz 2020_Ep20 - 13. Pie Chart (with React and D3)","description":"This example displays CSS named colors as a radial burst of equal-sized pie slices, with each slice filled by the color it represents. It loads data from a CSV file using D3’s `csv` utility, then uses D3’s `pie` and `arc` functions to compute and draw the SVG paths. React manages the state and rendering, with a `useEffect` hook fetching the data asynchronously and displaying a loading message until it arrives. The chart is centered within a 960 by 500 pixel SVG viewport, creating a full circular composition of the color spectrum.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/61b5ddb893f741409ad7af10576b3a9d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}