{"version":"1.0","type":"rich","title":"Fork of Loading Data with React & D3","description":"This example demonstrates a React and D3 workflow for fetching and summarizing a dataset of CSS named colors. It shows a simple text summary that reports the CSV file’s size in kilobytes, the number of rows, and the number of columns. The visualization initially displays “Loading…” and updates once the data arrives. The code uses React’s `useState` and `useEffect` hooks to manage state and trigger the asynchronous `d3.csv` fetch, then formats the output with `d3.csvFormat` and a custom message module.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a07264d5e95d4785bcb2c8c6349013e6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}