{"version":"1.0","type":"rich","title":"V3_Loading data with React and D3","description":"This example demonstrates how to build a React application that asynchronously loads a CSV file and visualizes it as a pie chart. The chart maps CSS color names from the loaded data into a semicircular arc, with each color’s RGB hex value filling its corresponding segment. The code combines React’s `useState` and `useEffect` hooks with D3’s `csv` parsing and `arc` generator to create the SVG paths. Data is fetched from a GitHub Gist URL, and a loading message displays while the data is pending.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}