Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

0c9771042e8346f2a4619d952b831f2a

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.