{"version":"1.0","type":"rich","title":"Bow of Fruit - General Update Pattern","description":"This example demonstrates D3.js’s general update pattern by showing a row of fruit that changes over time. It begins with five apples, then removes one apple and later changes another apple into a lemon, with each transition updating the SVG circles’ fill color and radius via `scaleOrdinal` mappings. Using `selection.data`, `enter`, `merge`, and `exit`, the code binds an array of fruit objects to circles, appending new elements, updating existing ones, and removing deleted ones on each render. Data is generated locally with `d3.range` and `setTimeout` triggers the sequential updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}