Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Basics

Public visualization

Viewing a saved revision (read-only)

4681515e84a34b94a07edcd8e4c735fb

SVG Basics

0 stars0🌍 Public
FFazal-1988
Last edited Sep 19, 2023
Created on Sep 9, 2023
Forked from HTML Starter

This example uses raw SVG elements to demonstrate basic shape rendering in a web page. It draws two circles and a rectangle, each with explicit fill colors and stroke properties set via SVG attributes. The code relies on native SVG markup within an HTML document, showing how circles use `cx`, `cy`, and `r` attributes while rectangles use `x`, `y`, `width`, and `height`. No external JavaScript libraries are used; the visualization is purely declarative SVG.

AI-generated description

A demonstration of SVG shapes.