{"version":"1.0","type":"rich","title":"groups - transitions","description":"The example demonstrates D3.js data joins with entering, updating, and exiting groups of fruit shapes, rendered as SVG circles and text labels. It animates state changes over time via `setTimeout`, including swapping fruit types and removing items from the array. The code uses `scaleOrdinal` for color and radius mappings, and merges enter and update selections with `selection.merge`. The fruit data is generated randomly and rendered inside a static brown bowl rectangle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}