SVG Foundamentals
This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—arranged on a 960x500 canvas. The graphic uses raw SVG markup embedded directly in an HTML page, with CSS styling applied to the message class only. Each shape shows basic attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, `fill`, `stroke`, and `stroke-width`, illustrating how geometric primitives compose a static vector illustration. The code does not rely on external libraries, but is intended as a starting point for React-based visualization projects.