Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Basics

Public visualization

Viewing a saved revision (read-only)

8e15551b27d1424a9d4b279cb936f9b6

SVG Basics

0 stars0🌍 Public
XXinZheng2018
Last edited Nov 13, 2022
Created on Nov 2, 2022
Forked from HTML Starter

This example demonstrates the fundamental shapes available in SVG, including a circle, rectangle, line, and two ellipses, each styled with distinct fill colors and stroke properties. The SVG content is defined directly within an HTML file using a static `<svg>` element with a set width and height. It showcases how vector shapes are positioned using coordinates and sized with attributes like `cx`, `cy`, `rx`, and `ry`. The code also includes a `<path>` element with an initial movement command, illustrating the basic syntax for defining custom vector paths.

AI-generated description

This is a basic demenstration of scaled vector graphics shapes.