Two categorical legends, each repeating the same orange, green, yellow, and red color scale, display colored circles beside black lines. A separate size legend shows circles whose radii correspond to numeric tick values. The example demonstrates reusable legend components built with d3.scaleOrdinal, d3.scaleSqrt, and custom SVG rendering in d3.v5.