{"version":"1.0","type":"rich","title":"Rendering Data with React & D3 Pie CHart","description":"This example visualizes the 148 named CSS colors as a pie chart, with each slice filled using its corresponding hexadecimal color value from a CSV dataset. Built with React and D3 v5, the code uses D3’s `csv` loader to fetch the data, `pie` to compute slice arcs, and `arc` to generate the SVG path geometries. React’s `useState` and `useEffect` manage the asynchronous data loading, while the chart renders as an SVG with a loading placeholder shown before data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/deb7b5d822334aceabaee289a879dc37?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}