{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"A React and D3 example demonstrates loading a CSV dataset from a GitHub gist using D3's `csv` function, with React's `useState` and `useEffect` hooks managing the asynchronous data fetch. The app displays a text summary—row count, column count, and file size in kilobytes—calculated via D3's `csvFormat`. A loading message appears until the data arrives, and the final output is rendered inside a `<pre>` element. The example uses React 18, D3 v7, and the production UMD builds of both libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/944b8d05937141239f6de759c3d1dacc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}