{"version":"1.0","type":"rich","title":"Loading data with react and d3","description":"This example demonstrates how React state manages asynchronous data loading with D3. It fetches a CSV file of CSS color names from a GitHub gist using the `csv` function from d3.v5, then displays a summary of the dataset’s size, row count, and column count. The `useState` and `useEffect` hooks handle the data lifecycle, while a separate `message.js` module formats the output using `d3.csvFormat`. The interface simply renders the resulting text summary inside a `<pre>` block.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6ec8e702c6a84870a6f769c2e45820a3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}