{"version":"1.0","type":"rich","title":"Fork of Fork of Circles with D3","description":"This visualization presents a set of colored circles overlaid on vertical bars, with clickable circles that highlight their selection with a black stroke. Data consists of 14 items with x, y, radius, and fill color properties. The code uses React hooks to manage the selected circle's ID and D3 v7's `select` and `join` methods to bind data and render SVG elements. Clicking a circle triggers `setSelectedId`, causing a re-render that updates the stroke attribute on the selected circle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/017bd21393fe4f348defc23fe4c4a53a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}