{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"This example demonstrates loading a CSV dataset from a GitHub gist and displaying summary statistics about the loaded data as plain text. It uses React state to hold the parsed data, with the `useState` hook triggering a re-render once `d3.csv` resolves the data promise. The code imports the `csv` method directly from D3 v7 and formats the result with `d3.csvFormat` to calculate file size, row count, and column count. The SVG rendering approach is noted in the HTML setup, where React mounts to a root `div` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/078ce275ae2f4b88a30e5e3068a11283?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}