{"version":"1.0","type":"rich","title":"Loading data with React","description":"This example shows how React loads and summarizes a CSV file of CSS named colors. The app uses React hooks, including `useState` and `useEffect`, to fetch data with `d3.csv` and display a text message with row count, column count, and file size in kilobytes. Before the data arrives, the interface shows a \"Loading\" state. The visualization is rendered as SVG-free HTML text via ReactDOM, with libraries React 16.9 and d3.v7 loaded from CDN.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5fd8ae614fd341788b8788b3e19baf8d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}