{"version":"1.0","type":"rich","title":"The General Update Pattern(Enter Update Exit Merge[enter+update])","description":"This example demonstrates the general update pattern with mixed enter and update selections using D3.js v5 and SVG animations. It shows a row of apples that transition into lemons and disappear over time, with new circles smoothly merging into the existing selection. The code uses `selection.enter().append()`, `selection.merge()`, `selection.exit()`, and `transition.attr()` to animate radius and color changes. Data is generated with `d3.range` and mapped to fruit types, while `d3.scaleOrdinal` maps types to colors and sizes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/42f766a8c4254d0798bab1f88be47ad3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}