Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

43c0132a040f421d8daa929a72f4c060

SVG Fundamentals

0 stars0🌍 Public
Oouissalboutouatou@gmail.com
Last edited Jul 17, 2024
Created on Jul 17, 2024
Forked from HTML Starter

This example demonstrates the fundamental building blocks of SVG rendering on a bare HTML page, showing two circles positioned via explicit x and y coordinates. It illustrates how SVG’s coordinate system places the origin at the top-left corner, with the first circle rendered in default black and the second using CSS presentation attributes like fill, stroke, and stroke-width. The code uses raw HTML and inline SVG elements without any JavaScript libraries, relying solely on native browser support for SVG. The React framework is listed in metadata but not exercised in the provided markup.

AI-generated description

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

See also React Starter.