{"version":"1.0","type":"rich","title":"[SR] PII: Rendering Data with React","description":"This example shows a pie chart built with React and D3, visualizing a CSV dataset of CSS named colors loaded from a GitHub gist. The chart renders as an SVG where each color name is represented by a slice of the pie, filled with its corresponding RGB hexadecimal value. React manages the component state and lifecycle, fetching the data with `d3.csv` inside a `useEffect` hook, while the `d3.pie` generator and `d3.arc` compute the slice geometry, which is then mapped to SVG `` elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}