{"version":"1.0","type":"rich","title":"Loading data with D3 & React (useEffect)","description":"This example demonstrates how to load and summarize a CSV dataset using React's `useEffect` hook in combination with D3's `csv` parsing function. It fetches CSS named colors data from a GitHub gist and displays key statistics including file size in kilobytes, row count, and column count. The visualization highlights the interplay between React's state management and D3's data processing capabilities, showing how `useEffect` with an empty dependency array triggers the data fetch only once during component mounting. The output is rendered as a formatted text summary within a `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6ce3b3b963694713a15fd94087dcfede?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}