This example demonstrates basic SVG shapes—circles, a rectangle, and a path—rendered in black with red strokes or red with black strokes on a 960 by 500 canvas. The HTML page embeds an inline SVG element directly, using the `circle`, `rect`, and `path` elements with attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `d` to define geometry and styling. No JavaScript libraries are involved; the visualization relies purely on SVG markup and CSS presentation.