{"version":"1.0","type":"rich","title":"hover-interactions","description":"Five fruit circles render in an SVG, transitioning between apple and lemon types with color and radius changes. Hovering a circle highlights it with a blue stroke, and removal animations shrink and delete circles. Built with D3 v5, the example uses data joins, `transition()`, and `scaleOrdinal` for color and size, with `mouseover` and `mouseout` events triggering state updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/84a2f0b89f714be8819f686d10f0b90b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}