Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
NNicholas mageto
Last edited Oct 10, 2023
Created on Oct 10, 2023
Forked from HTML Starter

This example demonstrates fundamental SVG shapes in a static composition. The visualization presents three basic geometric elements: a circle, a rectangle with a thick border, and a line, all within a single SVG canvas. The code uses raw SVG markup to draw a default black circle, a red circle, a blue rectangle with a navy stroke, and a diagonal navy line. It shows how SVG attributes like `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` control position and styling. The rendering relies directly on SVG's declarative XML syntax, not on external libraries.

AI-generated description

A demonstration of SVG shapes

Comments

Sign in to join the discussion.

MIT Licensed