Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

463eb645c905494d91937dc7a58e3479

SVG Fundamentals

0 stars0🌍 Public
AAjay Pathak
Last edited Feb 23, 2023
Created on Feb 23, 2023
Forked from HTML Starter

This example demonstrates SVG fundamentals with two circles rendered inline in an HTML document. The first circle uses default black fill, while the second is explicitly styled with a red fill. The code directly embeds SVG elements using the `<svg>`, `<circle>`, and `fill` attribute, showing basic shape creation and styling without any JavaScript libraries. Both circles are positioned via `cx` and `cy` coordinates with a radius of 50, illustrating how SVG primitives render visually in a browser.

AI-generated description

A demonstration of SVG fundamentals