SVG Fundamentals
This example demonstrates basic SVG shape rendering with several geometric primitives. It displays a plain circle, a skyblue-filled circle, a blue rectangle, and a green diagonal line with a thick stroke, all positioned within a 960-by-500 coordinate system. The visualization uses raw SVG markup embedded directly in an HTML page, with no external libraries or JavaScript. The shapes are defined using SVG elements such as `circle`, `rect`, and `line`, with properties like `fill`, `stroke`, and `stroke-width` controlling appearance. The code originates from a fork on VizHub, showcasing fundamental vector-graphics construction without data binding or interaction.