SVG Fundamentals
This example shows two circles rendered as SVG elements, one in default black and one in red, positioned at different coordinates on a 960×500 canvas. It demonstrates the bare-minimum structure of an HTML page using inline SVG markup directly in the document body. The code relies on native HTML, CSS, and JavaScript—no external libraries—and follows the patterns from the React Starter template on VizHub. The rendering approach uses standard SVG `<circle>` elements with `cx`, `cy`, and `r` attributes, along with a `fill` property to set color.