Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

f9f5ec1b28f148e8b3bc6d6252dd0107

SVG Fundamentals

0 stars0🌍 Public
SShankar Ghimire
Last edited Sep 4, 2022
Created on Sep 4, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes, including circles, a line, and a path, arranged on a 960 by 500 canvas. It shows how to set basic visual properties such as fill colors, stroke colors, and stroke widths. The code uses raw SVG elements within an HTML page, with no external libraries. It displays the coordinate system via explicit x, y, and radius attributes, illustrating the direct relationship between markup and rendered graphics.

AI-generated description

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

See also React Starter.