{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example renders CSS named colors as a pie chart, with each slice filled by its corresponding hex value. The data loads asynchronously from a CSV file using D3’s `csv` utility, and React’s `useState` and `useEffect` manage the loading state. Once fetched, the `pie` layout partitions the data, and the `arc` generator produces the SVG paths. React maps each arc to a `<path>` element within an SVG container, combining D3’s data transforms with React’s declarative rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e0d52e5cd90a43a0bb48585b6df773ca?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}