{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load and display metadata about a CSV dataset using React and D3. It shows the number of columns, rows, and file size in kilobytes after fetching a colors dataset from a GitHub gist via the `csv` method from `d3`. The React `useState` hook tracks the data, initially `null`, while `useEffect` triggers the asynchronous load. The `message` utility, using `d3.csvFormat`, calculates the size, and the view renders either the statistics or a \"Loading...\" placeholder.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d14467a1ecae47ecbac7e0c5795adb55?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}