Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

067c49fe702d4effbe1623e94a1f84ff

SVG Fundamentals

0 stars0🌍 Public
JJudit Nagy
Last edited Jun 29, 2023
Created on Jun 29, 2023
Forked from HTML Starter

This example demonstrates fundamental SVG shapes arranged in a static composition. It shows a plain black circle, a red circle, a yellow rectangle with a thick navy outline, a diagonal navy line, and a black polyline path. The code uses raw SVG elements—`circle`, `rect`, `line`, and `path`—with inline attributes for positioning, fills, strokes, and stroke widths. All shapes are drawn directly within an `<svg>` element, with no additional JavaScript libraries or data sources involved. The rendering relies entirely on SVG’s native declarative syntax.

AI-generated description

A demonstration of SVG shapes.