Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

fbde7d98282848b9987a944b7d8712ba

SVG Fundamentals

0 stars0🌍 Public
AAmeyaHaldipurkar3
Last edited Sep 4, 2022
Created on Sep 3, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes using two circles, one with default styling and one filled red. The code uses plain HTML and inline SVG elements—specifically `<svg>` and `<circle>`—without any JavaScript or CSS file. It shows how to define circle positions with `cx` and `cy` attributes and set their radius with `r`, while the `fill` attribute controls color. The rendering occurs directly in the browser’s SVG renderer, requiring no external libraries or frameworks.

AI-generated description

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

See also React Starter.