{"version":"1.0","type":"rich","title":"Fork of Loading Data with React & D3","description":"This example demonstrates the size and structure of a dataset containing CSS named colors, showing the file size in kilobytes, row count, and column count as plain text. The application loads the data from a CSV file using the `d3.csv` utility, then manages the asynchronous loading state with React hooks `useState` and `useEffect`. Once the data arrives, a custom message function formats the summary using `d3.csvFormat` to calculate the byte length. React renders the result in a `<pre>` element, displaying a loading message until the data is ready.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5e4cabcbc3c44c25aefbad0c4673bc1b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}