{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example renders a full-screen pie chart of CSS named color values, loading the data as CSV from a GitHub gist and mapping each row to a colored slice. The React component uses a `useLayoutEffect` hook to fetch the data and `d3.csv` for parsing, while D3’s `pie` and `arc` generators compute the angles and SVG path geometry. Each slice’s fill is set directly from the hex value in the dataset, producing a dense, colorful disk that reveals the distribution of named colors. D3 v7 and React 16 are loaded via CDN, and the visualization is drawn as static SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}