{"version":"1.0","type":"rich","title":"Blow of fruit - Hover to select","description":"A hovering mouse selects individual fruit in a D3.js animated bowl, highlighting the chosen item with a black outline. The visualization demonstrates data joining and DOM manipulation: fruit enter, update, and exit as the dataset changes over time, with apples and lemons rendered as colored circles. D3 scales map fruit types to colors and radii, while transitions animate size and fill changes. The code uses `selection.data()`, `selection.enter()`, `selection.merge()`, `selection.exit()`, and `transition().duration()` to manage the five fruit elements in an SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/058e0b16faa14c6d91e2325250f1e868?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}