{"version":"1.0","type":"rich","title":"Bowl Of Fruits-HoverToSelect","description":"This example demonstrates interactive data binding with D3.js v5, rendering a bowl of fruits as SVG circles that respond to mouse hover by highlighting the selected fruit with a black stroke. The visualization shows how enter, update, and exit selections manage animated transitions for adding, removing, and modifying fruits over time. The code uses `selection.data()`, `selection.enter()`, `selection.exit()`, and `transition.attr()` to smoothly animate circle radius and position changes. Separately, text labels are bound and updated alongside the circles, with color scales mapping fruit types to visual properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5e210a4d9446489cb4c37569a228bee4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}