{"version":"1.0","type":"rich","title":"Rendering Data using React","description":"This example renders CSS color names from an external CSV file as a full donut chart using React and D3. The visualization shows each color name as a slice of an SVG pie chart, with the slice fill matching the hex value of that color. The code uses React hooks (`useState`, `useEffect`) to load the data asynchronously, and D3 v5’s `csv`, `pie`, and `arc` generators to compute and draw the arc paths. ReactDOM renders the resulting SVG directly to the page, with the chart centered in a 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8499a73cc7704c768a87d5cba64a5641?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}