Two adjustable legends, one for color and one for size, are rendered in a single SVG. The color legend maps a categorical scale to a column of labeled circles, while the size legend uses a square-root scale to show proportionally sized bubbles with tick values. The reusable `colorLegend` and `sizeLegend` functions drive the SVG generation, leveraging d3's scale functions and selection merging to update the display.