Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

53e26731a1494dae8ffef712d1b8683a

SVG Fundamentals

0 stars0🌍 Public
HHorrible CC Guru
Last edited May 27, 2022
Created on May 27, 2022
Forked from HTML Starter

This example demonstrates the foundational structure of an SVG drawing, placing a single circle at the bottom-right corner of a blank canvas. The circle’s position is defined using percentage coordinates (`cx="100%"` and `cy="100%"`) and a fixed radius (`r="10"`). The code relies on vanilla JavaScript, with an `init` function that logs the document element to the console upon the window’s `load` event. The HTML page links an external `script.js` file, while the SVG markup is written directly inline, showcasing basic SVG elements and event-driven scripting without any external libraries.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.