{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates how to load and summarize a CSV dataset within a React application, displaying the row count, column count, and file size in kilobytes. The code uses React’s `useState` and `useEffect` hooks to manage the asynchronous loading state, while D3’s `csv` function fetches the data from a GitHub gist. Once loaded, a custom `message` function formats the summary using `d3.csvFormat` to compute the byte size, and the result is rendered as large text. The visualization is purely textual, showing loading progress until the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}