{"version":"1.0","type":"rich","title":"Loading data with React","description":"This example demonstrates how to load and display CSV data within a React application, showing the dataset's row count, column count, and size in kilobytes. The code uses React hooks (`useState` and `useEffect`) to manage asynchronous data fetching, while the `loadData` helper employs the Fetch API to retrieve a remote CSV file. D3's `csvParse` converts the raw text into a parsed data structure. The visualization updates from a loading message to the data summary once the fetch completes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c5453a90a6564e3080129ccf2bb646fc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}