{"version":"1.0","type":"rich","title":"Loading data with D3 and React","description":"This example demonstrates how to load and summarize a CSV dataset using D3 utilities within a React application. It shows a simple text display of the data’s size, row count, and column count, initially showing \"Loading...\" until the data arrives. The code uses React's `useState` and `useEffect` hooks to manage state and fetch the data asynchronously via `d3.csv`, while `d3.csvFormat` calculates the data's byte size. The data source is a gist with CSS named colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}