{"version":"1.0","type":"rich","title":"Loading data with React & D3","description":"This example demonstrates how to integrate React with D3 for data loading, displaying a text summary of a CSV dataset’s size and structure. The component uses React’s `useEffect` hook to fetch an Anscombe’s quartet CSV via D3’s `d3.csv` function, storing the result in state. The rendered output shows the file size in kilobytes, row count, and column count, computed with `d3.csvFormat`. While loading, the interface displays a static \"Loading...\" message until the asynchronous data fetch resolves. The code relies on React 17, D3 v7, and the `useState` hook.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}