This example introduces SVG for data visualization by displaying basic geometric shapes. It shows a black circle, a red circle, a navy line, and a green path with a navy stroke, all enclosed within a brown rectangular border on a 1000-by-101 canvas. The code uses inline SVG elements such as `circle`, `line`, `path`, and `rect` directly in an HTML document. The shapes are not derived from external data; they are hardcoded primitives demonstrating static vector rendering. The path defines a simple two-segment line, and the border uses a `stroke-width` of 2, with the page also containing plain HTML text.