{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates loading CSS named color data from a remote CSV file and displaying its metadata—file size in kilobytes, row count, and column count—as large text rendered by React. The app uses D3’s `csv` utility inside a React `useEffect` hook to fetch the data asynchronously, storing it in component state via `useState`. The `message` function formats the summary using `d3.csvFormat` and `data.columns`. While loading, the screen shows “Loading...”; once data arrives, React re-renders the formatted statistics. The visualization relies on React 16.9 and D3 v6, with no other charting or layout library involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7fb8922b1bc34a59b7439741e78cb696?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}