This example draws primitive SVG shapes—circles, rectangles, lines, and a path—directly in a React component’s markup. It uses SVG attributes like `cx`, `r`, `fill`, `stroke`, and `stroke-width`, plus CSS classes to style strokes and hide page overflow. The `<g>` elements apply transforms for scaling and translation, grouping shapes with shared fill colors. The visualization demonstrates how static SVG geometry and CSS rules combine without additional libraries.