Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

1ec2a16a346c4b14b8edc85a469ec36c

SVG Fundamentals

0 stars0🌍 Public
JJMeils
Last edited Apr 3, 2023
Created on Apr 3, 2023
Forked from HTML Starter

This example demonstrates fundamental SVG shape primitives within a static 960-by-500 canvas. It displays a default black circle, a red circle, a yellow rectangle with a navy border, a diagonal navy line, and a stroked path with a missing stroke attribute typo. The code uses the raw SVG API directly inside an HTML document, without any JavaScript libraries or external data sources, relying solely on inline SVG elements and their presentation attributes.

AI-generated description

A demonstration of SVG shapes.