Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

c6f05d978d0e4044bbc4c2f71763ca7c

SVG Fundamentals

0 stars0🌍 Public
NNirab Pudasaini
Last edited Jul 15, 2024
Created on Jul 15, 2024
Forked from HTML Starter

This example demonstrates the fundamental building blocks of SVG graphics, showing a green circle and a rectangle rendered within a 500 by 500 pixel coordinate space. The code uses plain SVG elements—`<circle>` and `<rect>`—with explicit attributes for position, size, and fill color, embedded directly in an HTML page. No additional libraries or JavaScript are required, as the SVG is static and defined entirely in the markup. The rendering relies on the browser’s native SVG support, illustrating how basic shapes are placed using x, y, and radius properties.

AI-generated description

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

See also React Starter.