{"version":"1.0","type":"rich","title":"Loading data with React and D3","description":"This example demonstrates loading CSS color data into a React component using D3, displaying a summary of the dataset as text. The `d3.csv` function fetches the data from a GitHub URL, while React’s `useState` and `useEffect` hooks manage the loading state and trigger the asynchronous request. Once loaded, the `message` function calculates and presents the row count, column count, and approximate file size in kilobytes. The visualization uses SVG-less plain text rendering inside a `<pre>` element, showing how D3 and React can integrate for data fetching without complex graphical output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/93300ba775f3449f962641fcdb68d26c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}