Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG FUNDAMENTALS

Public visualization

Viewing a saved revision (read-only)

cb8638790d8a41819fcbf89c332c7191

SVG FUNDAMENTALS

0 stars0🌍 Public
Dd3115727@live.tees.ac.uk
Last edited Feb 22, 2024
Created on Feb 22, 2024
Forked from HTML Starter

Two SVG circles demonstrate fundamental vector graphics rendering in a browser. The larger circle, centered at (50,50) with a radius of 50, and the smaller one, at (200,50) with a radius of 20, are drawn directly via the inline `<svg>` element in the HTML. Using only the native SVG API, the example shows how coordinate systems and visual attributes apply without JavaScript or external libraries, rendering static shapes against a 960-by-500 pixel viewport.

AI-generated description

A demonstration of SVG fundamentals