{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example visualizes CSS named colors as a pie chart, where each slice represents a single color from a CSV dataset of named colors. The code uses D3 utilities `d3.csv` to load the data, `d3.pie` to compute slice angles, and `d3.arc` to generate SVG path shapes. React manages the asynchronous data loading with `useState` and `useEffect`, rendering each path with its corresponding hex color as the fill. The visualization demonstrates how React handles state while D3 handles the geometric computations and SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}