Bowl of Fruit - Hover to Select
A categorical color legend and a quantitative size legend sit side by side as SVG groups. The color legend uses `d3.scaleOrdinal` to map fruit names to red, yellow, green, and orange circles, while the size legend uses `d3.scaleSqrt` for circle radii from 0 to 50. Both legends are rendered via reusable functions that bind data to `g` elements, appending circles and text with `selection.enter()` and `selection.merge()`. The visualization demonstrates static legend construction without interactive behavior.