{"version":"1.0","type":"rich","title":"Loading Data with React and d3","description":"This example shows a color wheel built from a CSV of named CSS colors, loaded asynchronously and rendered as SVG arcs using React and d3. The React component uses `useState` and `useEffect` to fetch the data with `d3.csv`, then displays a loading message until the data arrives. The chart maps each row to an arc via `d3.arc` and `d3.pie`, with fill colors taken directly from the `RGB hex value` column. The code relies on React 16.9 for components and d3 v6 for data loading and shape generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}