{"version":"1.0","type":"rich","title":"Rendering Data with React - Pie Chart","description":"This example shows a pie chart of CSS named colors, with each color rendered as a slice of equal size. The chart loads data from a CSV file using D3's `csv` utility, then passes it to React, which creates SVG `` elements for each slice. The `pie` and `arc` functions from D3 compute the path data, while React's `useState` and `useEffect` manage the asynchronous data loading. The visualization uses a yellow background circle with a black stroke, and the final SVG is rendered into the page via `ReactDOM.render`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}