Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
JJorne
Last edited Aug 22, 2022
Created on Aug 21, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes and styling by rendering two overlapping circles and a rectangle on a 900x500 canvas. The code uses plain HTML and CSS within an SVG container, showing how to set coordinates, dimensions, fill colors, and stroke properties for basic primitives. A red-filled circle and a blue-outlined rectangle with thick stroke width illustrate layered rendering and the difference between fill and stroke attributes. The example serves as a bare-bones introduction to SVG markup without external libraries or data sources.

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