{"version":"1.0","type":"rich","title":"Fork of Loading Data with React & D3","description":"This example demonstrates the loading and summarization of a CSS named colors dataset. The visualization displays a plain text summary of the data, showing its size in kilobytes, the number of rows, and the number of columns. The process uses React state management, with the `useState` and `useEffect` hooks to asynchronously fetch the CSV file using the `d3.csv` utility. Once loaded, the data is passed to a message function that calculates the file size using `d3.csvFormat`, and the result is rendered inside a `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2ebbe4b4ce0f4bedbd1a3ce338da4876?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}