{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates loading external data through the D3 utility `d3.csv`, which fetches a CSV file from a GitHub Gist and stores the result in React state via the `useState` and `useEffect` hooks. Once the data arrives, the app renders a `<pre>` element displaying summary statistics in the browser, including file size in kilobytes, row count, and column count. The visualization uses React for state management and D3 v5 for CSV parsing, with the output shown as plain text rather than a chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bfdd143584ce4180978520bd9c05cc3a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}