{"version":"1.0","type":"rich","title":"Rendering Data With React","description":"This example shows a React application that loads a CSV dataset and renders it as a pie chart using SVG. The code uses D3's `csv` method to fetch data from a GitHub gist, then applies the `pie` and `arc` generators to compute the chart geometry. React state management with the `useState` and `useEffect` hooks handles the asynchronous data loading and conditional rendering of a loading message. The visualization is drawn as a static pie chart with no slices visible, as the data mapping is left incomplete.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5583b2c5416d4b38b728126dc5dc4a0f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}