Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

c2961e8df4554a8a970d9c0017a69d87

SVG Fundamentals

0 stars0🌍 Public
Mmohsinakhtaralam
Last edited Jan 26, 2024
Created on Jan 26, 2024
Forked from HTML Starter

This example demonstrates basic SVG shape rendering by drawing two circles on a blank canvas. The first circle uses the default black fill, while the second is explicitly colored red. The code relies on native SVG elements—`<circle>` with `cx`, `cy`, and `r` attributes—inside an inline `<svg>` tag. The rendering approach follows the SVG specification directly, requiring no external libraries or JavaScript, and shows how static vector graphics are defined purely through markup.

AI-generated description

A demonstration of SVG shapes