{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates how to load and display CSV data within a React application using D3 utilities. The app fetches a dataset of CSS named colors from a GitHub gist via the `d3.csv` method, storing the result in React state with the `useState` and `useEffect` hooks. Once loaded, a summary message is rendered as large SVG text, showing the file size in kilobytes, row count, and column count using `d3.csvFormat`. While data is loading, the display simply shows the text “loading,” providing a clear visual state transition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/de7b4e74df8f4b2c90209968e7f5ba5b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}