{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load external data into a React application using D3 utilities. It fetches a CSV file containing sample sales data via the `d3.csv` method and displays summary statistics—approximate file size in kilobytes, row count, and column count—in a large text element. The React `useState` hook manages the data asynchronously, showing a “Loading...” message until the fetch resolves. The visualization relies on React 16.9, D3 v7, and the raw CSV hosted on GitHub.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8441549e3ebc482fb167b536bdb84f6c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}