Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

b827eea25b2e42a8b76f37335aed5a0a

SVG Fundamentals

0 stars0🌍 Public
JJoel George
Last edited Feb 6, 2024
Created on Feb 6, 2024
Forked from HTML Starter

This example demonstrates basic SVG fundamentals by rendering two primitive shapes—a circle and a line—inside a 500×500 SVG canvas. The circle, positioned at coordinates (50,50) with a radius of 50, uses default black fill, while the line spans from (0,0) to (100,100) with a navy stroke. The code is a minimal HTML page that directly embeds SVG markup, relying on CSS and JavaScript only as referenced in the accompanying README. It illustrates raw SVG syntax without any external libraries or data sources.

AI-generated description

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

See also React Starter.