{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates how React state can manage data loaded asynchronously with D3 utilities. The app uses `useState`, `useEffect`, and `useCallback` to fetch a CSV of CSS named colors via `d3.csv`, then displays a summary of the dataset as plain text. The message shows the file size in kilobytes, row count, and column count, computed with `d3.csvFormat`. Until the data arrives, the interface shows the word “loading,” illustrating a simple pattern for combining React’s component lifecycle with D3’s data-loading features.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}