{"version":"1.0","type":"rich","title":"Loading Data with react","description":"This example demonstrates how to load CSV data in a React application using D3’s `csv` utility and manage it with the `useState` and `useEffect` hooks. It displays a text summary showing the data size in kilobytes, row count, and column count via a custom `message` function. The visualization uses `d3.csvFormat` to compute file size and React 17 with D3 v7, fetching data from a GitHub gist URL. While loading, the interface shows a “Loading...” message before rendering the statistics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/11c23b669ae34545860ffcb9496b4585?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}