{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates loading a CSV dataset of CSS named colors using D3’s `csv` utility and managing the asynchronous state with React’s `useState` and `useEffect` hooks. Once loaded, the data is rendered as a pie chart in SVG, where each slice is colored with the hex value from its corresponding row, using d3’s `pie` and `arc` generators. The chart fills the browser window, centered on the screen, and displays a “Loading…” message until the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7537a24135df426a8f172ba473cf9f22?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}