Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
LLeandro Marcelo
Last edited Jan 8, 2023
Created on Jan 8, 2023
Forked from HTML Starter

This example demonstrates a single red circle, the most basic SVG shape, using the raw SVG element from the HTML5 specification. It shows how a circle is defined by its center coordinates (`cx`, `cy`) and radius (`r`), rendered directly within an inline `<svg>` tag in the body of an HTML page. The code uses no external libraries, relying purely on native SVG markup and the browser's built-in rendering engine. The visualization serves as a minimal, low-level introduction to vector graphics, highlighting the direct relationship between an element's attributes and its on-screen appearance.

AI-generated description

A demostration of SVG shapes.

Comments

Sign in to join the discussion.

MIT Licensed