{"version":"1.0","type":"rich","title":"Loading data with React and D3","description":"This example shows a circular color wheel built from CSS named colors, with each color represented as a slice of a pie chart. The visualization loads data from a remote CSV file using `d3.csv`, then renders SVG paths with React components. The code uses `d3.arc()` to generate each slice, with the fill color set from the `RGB hex value` column in the data. React’s `useState` and `useEffect` hooks manage the asynchronous data loading, while the outer radius of the wheel matches the SVG dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ac202fc6ff8c4428bff841035c4697e4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}