{"version":"1.0","type":"rich","title":"Color balls - transition","description":"Five colored circles transition between states—an apple is removed, a lemon replaces an apple, and another apple disappears—while hover highlights a circle with a black outline. Using D3 v5’s `select` and `scaleOrdinal`, the `fruitBowl` function applies `transition().duration(1000)` to animate `attr('r')` and `attr('cx')` as circles enter, merge, or exit. The SVG’s fill and stroke update per data type (`apple` or `lemon`) through ordinal scales, with mouseover events triggering selection.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7934959089f94d7ba6b6dfdbd0e37a50?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}