{"version":"1.0","type":"rich","title":"Assignment 5","description":"This example shows five circles positioned by x/y coordinates from a small CSV dataset, with black fill by default and white fill with a thick black stroke for the currently selected circle. The React app loads data via d3.csv, tracks selection state, and resizes the SVG through a ResizeObserver in a custom hook. Rendering uses D3 v7 selections with scaleLinear to map coordinates to container dimensions, and click handlers trigger the selection callback.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bbd6acc46ab44e5091f983c106e7eea3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}