{"version":"1.0","type":"rich","title":"Loading Data With React & d3","description":"This example demonstrates a minimal React and d3 integration for loading external CSV data. The application fetches a color dataset from a GitHub Gist URL using `d3.csv`, then stores the parsed result in React state via `useState` and `useEffect`. While the data loads, the interface displays the text “Loading...”. Once complete, the `message` utility calculates and displays the dataset’s size in kilobytes, row count, and column count, using `d3.csvFormat` to compute file size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c5fb7b6418ec45ef95636aff8cdabd02?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}