{"version":"1.0","type":"rich","title":"Fork of Loading Data with React and D3","description":"This example demonstrates the use of D3 utilities and React state to load and summarize a dataset of CSS named colors. It shows both a loading message and a three-line summary of the data: size in kilobytes, number of rows, and number of columns. The code uses React's `useState`, `useEffect`, and `d3.csv` to fetch the remote CSV file, then formats it with `d3.csvFormat` within a custom `message` function. The React application renders the text output inside a `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ed3ed27ce484933b1e27aa9aeb5fc40?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}