{"version":"1.0","type":"rich","title":"Hover of click event pattern","description":"An interactive scatter of five fruit-shaped circles renders in an SVG canvas, where hovering a fruit temporarily highlights it with a black outline, then deselects on mouseout. The demo also cycles through data updates at timed intervals—removing, replacing, filtering, and adding fruits—while preserving smooth transitions. Built with D3 v5, it showcases data joins, `transition().attr()` for animated radius and position changes, and the reusable `fruitBowl` ES6 module pattern for managing upstream state and selection callbacks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}