Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

10ce885a39c143bea598d7a76da9e360

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.