Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG_FUNDAMENTALS

Public visualization

Viewing a saved revision (read-only)

1f85055f4bcd48369534ae05cb0dbeaf

SVG_FUNDAMENTALS

0 stars0🌍 Public
CCaio Philipe
Last edited Jul 31, 2022
Created on Jul 31, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes, including circles, rectangles, lines, and paths, rendered in an HTML page. It shows how these primitives can be styled with different fills, strokes, and stroke widths, using raw SVG markup without any JavaScript libraries. The rendering relies on the browser’s native SVG support, with shapes positioned via explicit coordinates, as seen in the `<circle>`, `<rect>`, `<line>`, and `<path>` elements. The code illustrates basic drawing techniques, such as creating an outlined circle, a red circle with a green inner circle, and a path with a dashed-like contour.

AI-generated description

A demonstration of svg shapes.