{"version":"1.0","type":"rich","title":"Loading data with react D3","description":"This example demonstrates how to load external data using D3 utilities and manage it with React state. The application fetches a CSV file listing CSS named colors, then displays the data size, row count, and column count as text. The code uses the `csv` function from D3 v5 to load the data, `useState` and `useEffect` hooks from React 16.9 to store and trigger the data fetch, and renders the calculated statistics as an SVG-based `<pre>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ee6d962fb77f41e3b3e0ca520e755c30?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}