{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates a minimal React application that uses D3 to load and summarize a remote CSV dataset. It displays a text message with the file size in kilobytes, row count, and column count, while showing \"Loading...\" until the data arrives. The app uses D3's `csv` loader to fetch data from a Coupang Redash API endpoint, stores the result in React state via a `useEffect` hook, and formats the summary with `d3.csvFormat`. The interface relies on ReactDOM to render the final output to the page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/774867ebc49a4039a7bdf3c89e1147fd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}