{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load and summarize external CSV data within a React application using D3. The interface displays a text summary of the dataset, including file size in kilobytes, row count, and column count, which updates once the data finishes loading. The code uses React hooks (`useState`, `useEffect`) to manage asynchronous state, fetches data via D3’s `csv` function from a GitHub gist containing CSS named colors, and formats the output with `d3.csvFormat`. A loading message appears while the request is pending, and the result is rendered inside a `
` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}