{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates loading and parsing CSS named color data with D3 utilities while managing application state through React hooks. The app uses `d3.csv` to fetch a remote CSV file containing color names, then displays file size, row count, and column count as large text. React's `useState` and `useEffect` hooks track the data loading lifecycle, showing a “Loading” message until the asynchronous request completes. The visualization combines React 16.9’s functional components with D3 v6’s data parsing and formatting APIs, including `d3.csvFormat` for calculating data size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}