Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

4ea4bf809e66413b8520fc7763129b2a

Fork of SVG Fundamentals

0 stars0🌍 Public
AAkash Santosh Kuskar
Last edited Oct 16, 2023
Created on Oct 16, 2023
Forked from SVG Fundamentals

This example demonstrates SVG fundamentals by rendering two overlapping circles and a thick navy line on a 960×500 canvas. The red and green circles are positioned at the same coordinates, with the smaller green circle layered on top of the larger red one, while the line spans the width of the viewport. The code uses plain SVG elements (`<circle>`, `<line>`) within an `<svg>` tag, with styling controlled via presentation attributes like `fill` and `stroke`.

AI-generated description

A demonstration of SVG shapes.