{"version":"1.0","type":"rich","title":"Load data","description":"This example shows a simple data-loading status report: a React component displays the number of rows, columns, and file size in kilobytes from a CSV dataset of CSS named colors. Initially, it renders a loading message, then replaces it with the computed summary once the data arrives. The code uses React hooks (`useState`, `useEffect`, `useCallback`) to manage the asynchronous fetch via `d3.csv`, and processes the result with `d3.csvFormat` to calculate the file size. The dataset is loaded from a GitHub gist URL.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2f93337ad2534526a80c58a116e11acb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}