Bowl of Fruit - General Update Pattern Special Cases
This example demonstrates the general update pattern in D3, showing how text elements are added, updated, and removed in response to user clicks. Clicking the SVG doubles each number in the displayed array, triggering a re-render where existing labels shift positions, new labels enter as needed, and removed labels exit. The implementation uses D3 v5’s `select`, `selectAll`, `data`, `enter`, `merge`, and `exit` methods on SVG text elements, with click handling bound directly to the `svg` element. Data is a simple hardcoded array of integers rendered as text labels.