{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example shows a donut chart of CSS named colors, loaded from a remote CSV file and rendered as an SVG pie using React and D3. The React component uses the `useState` and `useEffect` hooks to fetch data asynchronously via `d3.csv`, then maps the parsed rows with `d3.pie` and `d3.arc` to generate colored path segments. Each slice’s fill comes from the dataset’s `'RGB hex value'` field, and the chart displays a simple loading message until the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}