{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how React manages asynchronous data loading in a D3 visualization. The app fetches a CSV file containing CSS named colors using D3’s `csv` utility, then displays a summary of the dataset—its size in kilobytes, row count, and column count—formatted as plain text. React’s `useState` and `useEffect` hooks track the loading state and trigger the data fetch, while the `message` function formats the output using `d3.csvFormat`. The interface shows a large “Loading...” message until the data arrives, then replaces it with the computed statistics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}