Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

fa9a9adf4e6f422781686f29a080d0b2

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.