{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load CSV data in a React app using D3’s `d3.csv` utility, storing the fetched dataset in React state via the `useState` and `useEffect` hooks. The app fetches a CSV of CSS named colors from a gist URL and displays a summary message computed with `d3.csvFormat` and `data.columns`, showing the file size in kilobytes, total row count, and column count. While the data is pending, the interface shows a loading message. The code uses React 16.9 and D3 v7, with all rendering handled through a simple `
` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}