{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example shows how React state and D3 utilities can work together to load and display CSV data. The page fetches a CSS Named Colors dataset from a GitHub gist and uses the d3 `csv` function to parse it, storing the result in React state via a `useEffect` hook. The visualization output is a simple SVG-based text summary rendered inside a `<pre>` element, displaying the total file size in kilobytes, the number of rows, and the number of columns. The code relies on React 16.9.0, ReactDOM, and D3 v6.5.0, with all rendering handled through SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8c731c25b37c42bf86b2b524b2645fe4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}