Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

0d81bc294bd84cacbdbeac4a49c9a35a

SVG Fundamentals

0 stars0🌍 Public
AAlex Yang
Last edited Sep 1, 2022
Created on Sep 1, 2022
Forked from HTML Starter

This example demonstrates the foundational graphical primitives of SVG (Scalable Vector Graphics) within a minimal HTML page. It shows four basic shapes: two circles filled in red and blue, a large rectangular border in green, and a thick navy diagonal line. The scene is rendered directly by the browser’s SVG engine using static markup, with no JavaScript or external libraries. The code declares an SVG canvas of 960 by 500 pixels and positions each shape via explicit coordinates and stroke or fill attributes, illustrating how raw SVG elements compose a simple geometric composition.

AI-generated description

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

See also React Starter.