{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates how React state and D3 utilities can work together to load and summarize external data. It fetches a CSV file of CSS named colors from a GitHub gist using D3’s `csv` method, then displays concise statistics about the dataset. The React `useState` and `useEffect` hooks manage the asynchronous data loading and trigger a re-render. A custom `message` function formats the output, showing the file size in kilobytes, row count, and column count using `d3.csvFormat`. Before the data arrives, the interface shows \"loading...\".","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4c912cc4858649b7afd19e38ffb4f9cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}