{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example uses React and D3 to render a circular pie chart of CSS named colors loaded from a CSV file. The visualization displays each color as a slice arranged around a central point, with the fill color derived from the `RGB hex value` column in the data. The code uses React state via `useState` and `useEffect` to fetch the CSV with `d3.csv` and update the UI, while `d3.pie` and `d3.arc` generate the SVG path geometry. A loading message appears until the data is fully fetched and parsed.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/51169aee23374fe28329467a46300dea?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}