This example demonstrates nested groups of colored circles and rectangles, overlaid with black and red path and line elements, all rendered as static SVG shapes. The visualization uses raw SVG primitives—`circle`, `rect`, `line`, and `path`—with explicit `fill` and `stroke` attributes, and applies scaling and translation transforms to position elements. Styling is handled via CSS classes for color and stroke properties, while the layout is a simple list with an inline SVG canvas. No dynamic data or interaction is present.