{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates how to load external data in a React application using D3 utilities, displaying the dataset's size, row count, and column count as plain text. It uses the `useState` and `useEffect` hooks to manage asynchronous data loading via `d3.csv` from a GitHub Gist containing CSS named colors. Once fetched, the data is stored in React state and formatted with `d3.csvFormat` to compute its kilobyte size. The interface renders the summary information inside a `<pre>` element, switching from a \"loading...\" message to the final statistics when the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b19146aa8f594673b8dc1a4277b2728c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}