{"version":"1.0","type":"rich","title":"Loading data with react & d3","description":"This example demonstrates how to load external CSV data with d3.csv and manage it through React state. It displays a text summary showing the dataset’s row count, column count, and approximate file size in kilobytes. The visualization uses React hooks (useState and useEffect) to fetch and store the data, while the d3.csv utility retrieves the named colors from a GitHub gist. The result renders as plain text in a pre element using ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4fa3e8211c184861ad529f779ceebf34?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}