DataVis Lesson 01
This example shows a simple yellow circle with a black outline, accompanied by two smaller unfilled circles positioned near its upper half. The visualization serves as a basic introduction to drawing shapes, demonstrating how circles can be placed on a canvas using coordinates and defined with fill and stroke properties. The code uses raw SVG elements within an HTML page, with the inline `<circle>` tags specifying their center points and radii directly. No external libraries or JavaScript are involved; the rendering relies entirely on the browser’s built-in SVG support, and the static image does not change or respond to interaction.