Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
DDavidKavanagh
Last edited Oct 5, 2022
Created on Oct 5, 2022
Forked from HTML Starter

This example demonstrates the fundamental shapes available in SVG—a circle, rectangle, and line—positioned on a 960x500 canvas. It shows how to apply basic styling attributes like fill, stroke, stroke-width, and coordinate positioning directly in the markup. The code uses plain SVG elements (`circle`, `rect`, `line`) within an inline `svg` tag, with no external libraries. The rendering approach is static and declarative, illustrating the core syntax of SVG for creating vector graphics in a web page.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed