{"version":"1.0","type":"rich","title":"Rendering Data with React and D3","description":"This example renders the CSS named colors dataset, loaded via D3’s `csv` utility, as a radial pie chart of colored arcs. Each color is drawn as an SVG path using the `arc` and `pie` generators from `d3.arc` and `d3.pie`, with React managing the data state through `useState` and `useEffect`. The chart fills the full 960-pixel width, with each slice’s fill derived from the color’s hex value in the CSV. React’s conditional rendering shows a loading message until the asynchronous data fetch completes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/db8e79b0a90d41e4a9cc3100ee2cf482?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}