{"version":"1.0","type":"rich","title":"Fork of Pseudo Scatter Plot with Clickable Circles","description":"Six circles, each with a fixed position and a radius of 35, appear across the screen and react to mouse clicks. Clicking a circle changes its fill to white, adds a thick black outline, and brings it to the front, while all other circles revert to a plain black fill. Built with D3 v7, the example uses the `join` API to create and manage the SVG circles, with a unidirectional data flow (`udf.js`) that maintains the selected circle’s ID in state. The interaction is set up via a custom `setupClickInteraction` function that assigns a `click` event listener to each circle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/15020e66ee694b54b54a323508df32c8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}