{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This gallery example demonstrates how React and D3 can work together to fetch and summarize a CSV dataset from a remote URL. The visualization shows a plain-text summary of the data, displaying its size in kilobytes, row count, and column count. The code uses React’s `useState` and `useEffect` hooks to manage the asynchronous data loading, while D3’s `csv` function parses the file from the provided gist URL. A custom `message` utility formats the three statistics using `d3.csvFormat` and the parsed data’s properties, rendering the result inside a `
` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}