Bowl of Fruit[part-II]
This example demonstrates a data-join update cycle for a bowl of fruit rendered as SVG circles. Five apples appear initially, then one is removed, a second becomes a lemon, and a third is deleted, all through timed state changes. The fruitBowl function uses d3.scaleOrdinal for color and radius, while selection.enter(), merge(), and exit() handle dynamic updates. The code explicitly uses d3.select, d3.range, and SVG rect, circle, and text elements within a static bowl shape.