Untitled
This example demonstrates basic SVG shape drawing and text placement on an HTML page, with a blue background card labeled "Car" and a second canvas of geometric primitives. The visualization shows distinct shapes—circles, rectangles, and lines—each with specific fill colors and strokes, including a purple dashed-bordered circle and a black horizontal line. The code uses raw SVG elements such as `<circle>`, `<rect>`, `<line>`, and `<text>` directly in the markup, styled via external CSS. No JavaScript or data binding is used; the rendering is static SVG with hardcoded coordinates.