{"version":"1.0","type":"rich","title":"Loadinf Data with react","description":"This example demonstrates how to load external CSV data with D3 utilities and manage it through React state. It fetches a CSS named colors dataset from a GitHub gist, displaying file size, row count, and column count in a large text format. The visualization uses React’s `useState` and `useEffect` hooks to asynchronously load data via `d3.csv`, while a separate `message` module computes the statistics using `d3.csvFormat`. The interface shows a simple text summary rather than a graphical chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e5412c675a634c07bc741d0293535e27?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}