{"version":"1.0","type":"rich","title":"Loading data with react from csv","description":"This example demonstrates loading a CSV file from a remote URL and displaying a summary of its contents using React and D3. The page shows the file size in kilobytes, total row count, and column count once the data loads successfully. The implementation uses React's `useState` and `useEffect` hooks to manage the asynchronous data fetching, while `d3.csv` retrieves and parses the CSV data, and `d3.csvFormat` calculates the formatted size. The data source is a gist containing CSS named colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b3f2f1481cb2450197ccb63158cd4225?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}