{"version":"1.0","type":"rich","title":"Fork of Loading Data in React","description":"This example demonstrates a React-based web application that fetches and summarizes a dataset. The interface displays a text report showing the number of rows, columns, and the approximate file size in kilobytes of the loaded data. It initially shows a \"Loading...\" message while fetching the CSV file. The implementation uses React's `useState` and `useEffect` hooks to manage asynchronous data loading, and it leverages the `csv` function from D3.js (v7) to parse a remote CSV file containing CSS named colors. The result is rendered as an HTML `<pre>` element via ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4a26d213f2a14bf09a8591920d9e38f5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}