{"version":"1.0","type":"rich","title":"Loading data in D3","description":"This example demonstrates asynchronous data loading and rendering in D3 with a React front end. It fetches a CSV file of named colors from a GitHub gist using the `d3.csv` API, displaying each row as a colored `<div>` block once the data arrives. The page initially shows a \"loading...\" placeholder until the promise resolves, then maps each CSV entry to a styled HTML element whose background color is set from the `color` field. The code uses React hooks (`useState`, `useEffect`) to manage state and trigger the D3 request.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5a77913c2c2e45bd818f4642c66518c5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}