{"version":"1.0","type":"rich","title":"Load data with React & D3 (codeAlong)","description":"This example demonstrates how to load and summarize CSS named color data within a React application. It displays a text message showing the dataset's size in kilobytes, row count, and column count using D3’s `csv` and `csvFormat` utilities. The data is fetched asynchronously from a remote CSV file, with React’s `useEffect` hook preventing repeated loading on state updates. While the data loads, a “Loading…” message is shown, and the result is rendered through JSX into the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4a771f3a761a4a5fa397265ca147335e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}