{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"A React component uses the useEffect hook to load a CSV of CSS named colors with d3.csv, storing the result in state. Once loaded, it renders an SVG donut chart where each slice is a path generated by d3.arc, with the fill color set from the CSV's hex value column. The visualization demonstrates asynchronous data loading in React while leveraging D3's arc generator for geometric layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1c48c4abe35749dd8520e2c788dd0002?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}