{"version":"1.0","type":"rich","title":"Loading data with React and d3","description":"This example demonstrates how to load and summarize external data within a React application using d3 utilities. A small React component uses the `useState` hook to manage data and the `useEffect` hook to trigger a d3 `csv` request, fetching a CSS named colors dataset from a GitHub gist. While the data loads, the app displays a \"Loading...\" message, then renders a plain-text summary computed by a custom `message` function, which formats the raw CSV via `d3.csvFormat` to report the file size in kilobytes, the total row count, and the number of columns.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/92d97599f36e4e52ab45dadeaf2f7dd5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}