{"version":"1.0","type":"rich","title":"Loading data with react & d3","description":"This example demonstrates how to load and summarize CSV data within a React application using D3 utilities. The interface displays a simple text report showing the data’s file size in kilobytes, row count, and column count. The code relies on React’s `useState` and `useEffect` hooks to manage the loading state, alongside D3’s `d3.csv` to fetch the remote dataset. The concise output is generated through a custom `d3.csvFormat` call within a helper module.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cb274de7f90344ad80e517e33bb63916?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}