{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how to load an external CSV file into a React component using D3’s `csv` method, then display summary statistics about the dataset. The code uses `useState` and `useEffect` hooks to fetch the data asynchronously from a GitHub gist containing CSS color names, and renders a message showing the row count, column count, and file size in kilobytes. The visualization itself is minimal, relying on React’s declarative rendering and D3’s data parsing to present the information clearly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c5a45c72ab944f3787cf3bc81ae22511?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}