{"version":"1.0","type":"rich","title":"D3 + React","description":"This example shows a minimal React integration with D3, displaying a message that summarizes a fetched CSV file’s size, row count, and column count. The React app uses the `useState` and `useEffect` hooks to load data asynchronously via D3’s `csv` utility, then stores it in state. Once loaded, a helper function formats the data summary using `d3.csvFormat`. The data comes from a GitHub-hosted CSS named colors CSV, and rendering is handled by ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/525f5e8253e24d43946a9bd7d2bbdc36?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}