Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

2a38ad8c4b0d4ae0a8d975af9d9343d7

SVG Fundamentals

0 stars0🌍 Public
Kkosakase
Last edited Sep 26, 2022
Created on Sep 26, 2022
Forked from HTML Starter

This example illustrates fundamental SVG shapes and rendering using raw SVG markup in an HTML page. It shows primitive geometric elements including circles, a rectangle, and a path, with varied presentations like colored fills, strokes, and stroke widths. The code uses no external libraries or frameworks, relying purely on SVG’s native elements (`<circle>`, `<rect>`, `<path>`) and CSS attributes. The fixed 960x500 viewport and hardcoded coordinates in the markup demonstrate a static, hand-coded approach to constructing vector graphics without data binding or interactivity.

AI-generated description

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

See also React Starter.