Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

ab69d946870c44b1a538fc94c557766a

SVG Fundamentals

0 stars0🌍 Public
WWasanta Pruttisarikorn
Last edited Sep 8, 2022
Created on Sep 7, 2022
Forked from HTML Starter

This example demonstrates basic SVG shape drawing, including circles, rectangles, lines, and paths, with attributes for fill, stroke, and stroke width. The shapes appear in a 960 by 500 canvas, using a yellow rectangle with a blue border and red filled circles among other elements. The code directly embeds SVG markup in HTML, using native SVG elements like `circle`, `rect`, `line`, and `path`. It showcases how geometric primitives and custom paths via the `d` attribute define visual output, with no external JavaScript libraries or data sources.

AI-generated description