{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates loading a CSV dataset into a React application using D3 utilities, then displaying summary statistics about the data in plain text. The app fetches a CSS named colors dataset from a GitHub gist via D3’s `csv` method, storing the parsed result in React state with the `useState` and `useEffect` hooks. Once loaded, the `message` function formats the file size, column count, and row count using `d3.csvFormat` and `Math.round`. While loading, the interface shows a \"Loading...\" placeholder. The rendering is minimal, using only a `<pre>` element without any SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/eb37da59ee874578acfa578fd88e81c3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}