Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

8e722d9e9d074b339efc6353e55ce9b6

SVG Fundamentals

0 stars0🌍 Public
CCarlosMamani
Last edited Nov 17, 2022
Created on Nov 17, 2022
Forked from HTML Starter

This example demonstrates the foundational structure of SVG graphics, showing how a simple circle element is defined within an SVG container. It uses plain HTML and the native SVG API, with the circle’s position and radius set via the `cx`, `cy`, and `r` attributes. The code does not use any JavaScript or data binding, relying purely on declarative markup to render the shape. It serves as a minimal starting point for understanding SVG’s coordinate system and element syntax in a web page.

AI-generated description

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

See also React Starter.