Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Funndamentals

Public visualization

Viewing a saved revision (read-only)

abb5f9cd042f432f8a35dff71331cfe5

SVG Funndamentals

0 stars2🌍 Public
Rrune@noergaard.dk
Last edited Jan 9, 2024
Created on Jan 9, 2024
Forked from HTML Starter

This example demonstrates basic SVG shapes by drawing circles, lines, and text directly in an HTML document. It shows how to set fill and stroke properties, including a hollow circle with a thick green outline and a circle with no fill. The rendering relies on the SVG API embedded in the page’s markup, using elements like `<circle>`, `<line>`, and `<text>`. The shapes are hardcoded with static coordinates and colors, receiving no data input or interactivity.

AI-generated description

A demonstration of svg shapes