Bowl of Fruit - Click to select
A bowl of fruit shows a row of apples that users can click to select, with the chosen fruit outlined in black. The visualization demonstrates enter, update, and exit transitions as fruits are added, removed, or changed—apples shrink away, a lemon appears, and remaining fruit animates to new positions. Built with D3 v5, it uses `scaleOrdinal` for color and radius mapping, binds data by unique ID, and applies `transition().duration(1000)` for smooth size and position changes. Click interactions trigger re-renders via a callback, updating the selected state.