Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

af7a6821faa84bf5bdb9d801ba31e712

SVG Fundamentals

0 stars0🌍 Public
CChristopher Campbell
Last edited Jul 17, 2022
Created on Jul 17, 2022
Forked from HTML Starter

This example demonstrates basic SVG shapes—circles, rectangles, and a line—positioned within a fixed 960×500 coordinate space. It shows how fill, stroke, stroke-width, and radius attributes control appearance, with circles of varying sizes and colors, a yellow rectangle with a navy border, and a diagonal line. The code uses raw SVG markup directly in HTML, with no JavaScript or external libraries, rendering shapes statically via the browser’s SVG engine.

AI-generated description

A demonstration of SVG shapes.