{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates how to load external CSV data with React and D3, displaying a text summary of the dataset. It fetches CSS named colors from a GitHub gist using d3.csv, stores the parsed rows in React state via the useEffect hook, and renders the result as a message showing file size, row count, and column count. The visualization updates from a “loading” placeholder to the data summary once the asynchronous request completes, highlighting the integration of React’s state management with D3’s data-loading utilities.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1a9a9fdec4de4afc9197fbcba7bf0fe2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}