Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

5daf22e209a84b639eb876324ef1a951

SVG Fundamentals

0 stars0🌍 Public
FForest Shangming Liu
Last edited Jun 15, 2024
Created on Jun 15, 2024
Forked from HTML Starter

This example demonstrates basic SVG shape creation using a large circle centered on a white canvas with a black outline, alongside a path element that draws two connected arcs. The SVG markup is written directly in the HTML document, specifying coordinates, radii, and stroke properties for each shape. The code uses native SVG circle and path elements, with the path’s `d` attribute defining the arc commands. No external libraries are utilized, and the rendering relies entirely on the browser’s built-in SVG support.

AI-generated description

A demonstration of SVG shapes.