{"version":"1.0","type":"rich","title":"Loading data with React and d3","description":"This example shows a pie chart of CSS named colors loaded from a remote CSV file, with each slice filled by its corresponding hex color value. The visualization uses React hooks (useState and useEffect) to fetch the data asynchronously via d3.csv, then renders the chart as SVG paths. The d3.pie layout generates the arc angles, while d3.arc creates the wedge shapes, all positioned within a React component that displays a loading message before the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}