Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

10e8bbc029df46b685839f6f917ad14a

SVG Fundamentals

0 stars0🌍 Public
ZZaineb
Last edited Nov 28, 2022
Created on Nov 28, 2022
Forked from HTML Starter

This example demonstrates basic SVG shapes and their styling properties. Three separate SVG canvases display a semi-transparent pink rectangle with a purple border, a blue line, and a yellow ellipse with a red outline. The code uses raw SVG elements—`rect`, `line`, and `ellipse`—with inline presentation attributes like `fill`, `stroke`, `stroke-width`, and `fill-opacity` to control appearance. The rectangles and ellipses also utilize style properties for opacity effects.

AI-generated description

A demonstartion of SVG shapes.