{"version":"1.0","type":"rich","title":"loading data in react","description":"This example shows how to load external CSV data in a React application using D3 utilities. The component displays a loading message until the data arrives, then shows a summary of the dataset—its size in kilobytes, row count, and column count—in large monospace text. The code uses React’s `useState` and `useEffect` hooks to manage the asynchronous data-fetching lifecycle, calling `d3.csv` on the specified GitHub Gist URL and storing the parsed result in state. Only the data’s metadata is rendered, not the actual CSV contents.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}