Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

8d35d94b8e8b41b4b4b5d19064a5f179

SVG Fundamentals

0 stars0🌍 Public
SSandeep Reddy
Last edited Mar 19, 2023
Created on Mar 19, 2023
Forked from HTML Starter

This example demonstrates the basic building blocks of SVG (Scalable Vector Graphics) through static shapes rendered on an 960x960 canvas. It shows circles with different fill colors, a rectangle with a stroke, two lines with varying stroke widths, and two path elements using absolute (M, L) and relative (l) coordinate commands. The code uses plain HTML and inline SVG attributes rather than any external libraries or data sources, serving as a fundamental introduction to SVG markup syntax for developers.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.