{"version":"1.0","type":"rich","title":"Loading data with react d3","description":"This example demonstrates how to load external data with D3 utilities while managing the resulting state within a React component. The app fetches a CSV file containing CSS named colors using `d3.csv` and displays summary statistics about the dataset—row count, column count, and approximate file size—inside a simple `<pre>` element. During the asynchronous fetch, it shows a \"Loading...\" message. The implementation uses React hooks like `useState` and `useEffect`, along with `d3.csvFormat` for calculating data size, rendering the output as SVG-less plain text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/85eb61c3c57a43de9fef52b692250231?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}