{"version":"1.0","type":"rich","title":"Loading Data with React","description":"This example demonstrates how to load and display a CSV dataset within a React application using the D3.js `csv` function. The interface shows a loading message before presenting the data’s size in kilobytes, row count, and column count. React hooks like `useState` and `useEffect` manage the asynchronous data fetching, while `ReactDOM.render` mounts the component. The visualization relies on the built-in browser window dimensions and the React and D3 libraries from CDN links.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d189755e0f6d43dc8d07b531f635c867?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}