{"version":"1.0","type":"rich","title":"Fork of Loading Data with React & D3","description":"This example demonstrates loading a CSV dataset of CSS named colors asynchronously with `d3.csv`, then displaying a summary of the loaded file—its size in kilobytes, row count, and column count—using React state. The `useEffect` hook triggers the data fetch, and the `useState` hook stores the parsed data, which is rendered as text in a `<pre>` element. The code relies on React hooks and the D3 `csvFormat` utility to compute the data’s size, showing a concise integration of React’s component lifecycle with D3’s data-loading API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5df2b230d5e403cbda9a0ffb29ffaa4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}