{"version":"1.0","type":"rich","title":"General Update Pattern","description":"This example demonstrates D3.js’s general update pattern for binding data to SVG circles, rendering a row of apples that changes over time. It shows how entering, updating, and exiting elements are handled by merging selections and calling `selection.exit().remove()`. The code uses `d3.scaleOrdinal` for color and radius mappings, and `d3.range` to generate initial fruit data. After one second, an apple is removed; after two, one apple changes to a lemon. The visualization relies on SVG circles and explicit `attr` updates without transitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e25462f2bd3d405fa827e43c15040021?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}