{"version":"1.0","type":"rich","title":"Loading Data w React and D3","description":"This example demonstrates how to load external CSV data in a React application using D3’s `csv` function, then displays summary statistics about the dataset. The interface shows a loading message until the data arrives, after which it presents the file size in kilobytes, row count, and column count. The code initializes state with `useState`, triggers the data fetch once via `useEffect`, and renders the result through a custom `message` utility that formats the dataset metrics. It combines React hooks with D3 v5’s `csvFormat` and data parsing capabilities.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2eec72127edb4afe99cd5f9556adbef6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}