{"version":"1.0","type":"rich","title":"pie chart react","description":"This example loads a CSV of CSS color names and their RGB hex values from a GitHub gist, then renders each row as a slice of a pie chart using React and D3’s `pie` and `arc` generators. The chart fills each path with the color’s hex value, producing a full circle of distinct hues. Data is fetched asynchronously with `csv` and stored in React state via `useState` and `useEffect`. The SVG output scales to the full window size, with the pie centered and a fixed outer radius of 250 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/80b92a7fb3274bbe92bd93edc92b1fd6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}