{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load and summarize a CSV dataset in a React application using D3, displaying the file size, row count, and column count as text. The visualization relies on React's `useState` hook to manage data asynchronously, fetching the remote dataset via `d3.csv` and formatting the summary with `d3.csvFormat`. Initially, the page shows “loading” until the data arrives. The output is rendered as SVG-less HTML text via ReactDOM, with styling set globally in the document structure. The data source is a Gist-hosted CSV of named colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8230421bab474c73a7f96d24994f0dee?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}