Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals tutorial

Public visualization

Viewing a saved revision (read-only)

4f14e8b08ad348a8adac0d8c1843e9db

SVG Fundamentals tutorial

0 stars0🌍 Public
AandreaRA99
Last edited Nov 24, 2022
Created on Nov 23, 2022
Forked from HTML Starter

This example demonstrates basic SVG shape creation within an HTML page. It renders two circles on a 960-by-500 pixel canvas, with the first circle using default black fill and the second explicitly colored violet. The code uses raw SVG markup directly in the `index.html` file, showing how to set the `cx`, `cy`, and `r` attributes for positioning and sizing. No external libraries are used; the visualization relies purely on inline SVG elements within the browser's HTML rendering.

AI-generated description

A demonstration of SVG shapes.