{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load and summarize a CSV dataset within a React application using D3 utilities. It displays the file size in kilobytes, number of rows, and number of columns from the CSS named colors dataset hosted on GitHub. The code uses the `useState`, `useEffect`, and `useCallback` hooks to manage asynchronous data loading, with the `csv` function from D3 fetching the remote data and storing it in React state. The resulting summary is rendered as text within a `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9542266e35614c4b88eb033a65575589?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}