Two reusable custom legends are rendered in an SVG. A color legend maps the ordinal fruit categories to distinct colors, while a size legend uses a square-root scale to encode the numeric values 2, 4, 6, 8, and 10 with varying circle radii. Both legends are built using D3 v5’s selection API with `selectAll`, `enter`, `merge`, and `exit`, and rely on `scaleOrdinal` and `scaleSqrt`. The size legend’s circles use a semi-transparent black fill and black outlines.