{"version":"1.0","type":"rich","title":"9.00 Load CSV Data into React","description":"A React component loads a CSV file of named CSS colors from a remote GitHub gist using `d3.csv`, displaying the number of rows and columns in the dataset. The example demonstrates asynchronous data fetching with React's `useState` and `useEffect` hooks, initializing the state as `null` and updating it once the promise resolves. While loading, it renders the text \"Loading\", then switches to a message showing the dataset dimensions. The code uses D3 v6, React 17, and ReactDOM to render the output in the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0da0615ca4c0408f95787cb74ac91f71?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}