{"version":"1.0","type":"rich","title":"loading data with react d3","description":"This example demonstrates how to combine React state management with D3 data-loading utilities to display a brief summary of a CSV dataset. The app fetches a CSS named colors dataset from a GitHub gist and shows a message with the formatted data size in kilobytes, row count, and column count. It uses React’s `useState` and `useEffect` hooks to asynchronously load and store the data via `d3.csv`, while `d3.csvFormat` calculates the rendered size. The page initially shows a “Loading.....” placeholder until the fetch completes, rendering the result as plain text in a `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/077e4658e772488c880beaa9b7bf08ac?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}