The example shows two legends for mapping data to visual encodings: one for color using ordinal categories and one for size using a square-root scale. It renders SVG elements via D3 v5, with the color legend displaying discrete fruit names mapped to distinct hues, while the size legend displays a reversed set of numeric ticks with proportional circle radii. Reusable functions `colorLengend` and `sizeLengend` manage enter, update, and exit selections for the legends.