{"version":"1.0","type":"rich","title":"General Update Pattern with animation","description":"Five fruits sit in a bowl as circles with colored fills and text labels. Every second, an apple is eaten or replaced with a lemon, triggering an animated transition that smoothly slides all remaining fruits into new positions over one second via `selection.merge().transition()`. The example demonstrates the general update pattern, using a key function on fruit IDs to track enter, update, and exit selections. Rendering relies on SVG elements built with D3 v6, applying ordinal color and radius scales from `d3.scaleOrdinal`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/01b04cf9afe549bab6a766833bda04eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}