{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load and render a dataset with React and D3, displaying the CSS named colors as a pie chart where each slice corresponds to a color. The visualization uses React hooks like `useState` and `useEffect` to fetch CSV data via `d3.csv`, then applies `d3.pie` and `d3.arc` to generate SVG paths. The chart is rendered with React's declarative JSX, filling each slice with its corresponding hex color value from the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}