{"version":"1.0","type":"rich","title":"Fork of Loading Data with React & D3","description":"This example displays a summary of CSS named color data, showing the file size in kilobytes, row count, and column count as plain text. It uses React hooks (`useState`, `useEffect`) to manage asynchronous data loading, while D3’s `csv` function fetches the remote dataset. The `message` utility formats the statistics via `d3.csvFormat` and string concatenation. The interface toggles between a “Loading…” state and the computed metrics once the data arrives, rendering the result inside a large `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/55b7fb3cebec4e1bb2c087cad71f51df?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}