{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"A donut chart displays the relative proportions of CSS named colors, with each slice filled by its corresponding RGB hex value. The visualization loads a CSV dataset from a GitHub gist using D3's `csv` utility, while React's `useState` and `useEffect` manage the asynchronous data fetching and rendering state. The SVG output is generated by mapping the parsed data through D3's `pie` and `arc` functions, producing colored path elements centered within a 960x500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6bda20525416423fa3ace6c20ec6b6cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}