Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed