{"version":"1.0","type":"rich","title":"Loading Data in React & D3!","description":"This example demonstrates loading and summarizing a CSV file within a React application. The code uses D3’s `csv` utility to fetch CSS named color data from a GitHub gist, stores the result in React state via `useState` and `useEffect`, and renders a text summary of the dataset. The display reports the data’s size in kilobytes—calculated with `d3.csvFormat`—along with row and column counts. A brief “Loading…” message appears until the asynchronous fetch completes. The visualization itself is minimal, showing only the computed text information rather than a graphical chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c12fbd92a249493a985a79d285942fc4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}