{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates loading external CSV data with D3 and managing it through React state. It fetches a CSS named colors dataset via `d3.csv` and displays its file size, row count, and column count using the imported `message` function. The `useState` and `useEffect` hooks handle asynchronous data loading, showing a simple text loading message before the dataset summary appears. The rendered output is plain text within a `<pre>` element, with D3’s `csvFormat` used for size calculation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b23d4c6d716b48b8b60761a131f8498f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}