This visualization demonstrates two legends for a bubble chart: a categorical color legend mapping fruit types (apple, lemon, lime, orange) to colors via `scaleOrdinal`, and a quantitative size legend mapping numeric values to circle radii via `scaleSqrt`. The legends are built using D3 v5's selection API, appending SVG groups and circles. Hovering highlights the circles with a blue stroke. The data is synthetic, generated with `Math.random()`.