Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

e2d36664f2154425b07eb038a731ad62

SVG Fundamentals

0 stars0🌍 Public
Jjhree333
Last edited May 22, 2024
Created on May 22, 2024
Forked from HTML Starter

This example demonstrates fundamental SVG shapes directly in an HTML page, including a pair of concentric circles, a diagonal line, a curved path, and a filled rectangular path. The code uses the native SVG API within an inline `<svg>` element, with shapes defined by elements such as `<circle>`, `<line>`, and `<path>`. No external libraries are employed, and the rendering relies entirely on static SVG markup with attributes like `cx`, `r`, `stroke`, and `fill` to control appearance.

AI-generated description

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

See also React Starter.