{"version":"1.0","type":"rich","title":"Data with React D3","description":"This example demonstrates how D3 and React can work together to load and summarize external data. It fetches a CSV file of PR boxers using D3’s `csv` method, then displays the dataset’s size in kilobytes, row count, and column count as plain text. The React `useState` and `useEffect` hooks manage the asynchronous data loading, while a custom `buildMessage` function formats the information. The visualization is rendered as an SVG-less `<pre>` element, showing a minimal text-based summary rather than charts.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d240717e79b04fb89b06205178ba3fb5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}