🌍 Public
Viewing a saved revision (read-only)
3039dc07fe9248168b86330c2547ca8f
SVG Fundamentals
This example demonstrates the absolute foundation of SVG rendering by drawing a single circle at the center of a fixed canvas. It shows how to manually set the `width` and `height` attributes on an `<svg>` element and position a circle using `cx` and `cy` coordinates with a `r` radius. The code uses raw SVG markup directly inside an HTML file, relying on the browser’s built-in SVG parser without any JavaScript or styling. This serves as a minimal starting point for understanding the coordinate system and basic shape syntax before scaling to more complex visualizations.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.