{"version":"1.0","type":"rich","title":"Data with React & D3","description":"This example demonstrates a React and D3 integration where CSS named color data is loaded asynchronously from a CSV file using `d3.csv`. The application uses React state with `useState` and `useEffect` hooks to manage the loading process, showing a \"Data is loading...\" message until the dataset arrives. Once loaded, `d3.pie` computes arc segments from the Percentage column of the data, though the visualization currently only logs the computed arcs to the console and displays a \"Data loaded\" message. The example highlights how D3 utilities can handle data processing while React manages the component lifecycle and rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ceba2fdecda4f149cf464c1384951bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}