{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load external CSV data into a React application using D3’s `csv` method, then display a summary of the dataset’s size and structure. The React `useEffect` hook fetches the CSV from a GitHub gist, storing the parsed data in state via `useState`. Once loaded, the `message` function formats the output using `d3.csvFormat` to calculate file size in kilobytes, alongside row and column counts. The interface shows the text summary inside an HTML `<pre>` element, with a simple “loading” placeholder before data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f46574a58a584b4bad3fbee17a6174bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}