Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

e44590bdabc141a19b4220467081211f

SVG Fundamentals

0 stars0🌍 Public
IIlyas Filali
Last edited Dec 6, 2022
Created on Dec 6, 2022
Forked from HTML Starter

This example demonstrates raw SVG shape drawing within a web page. It shows a blue circle, a second black circle, and a thick navy diagonal line rendered on a 960 by 500 canvas. The code uses the standard SVG elements `circle` and `line`, defining their positions with `cx`, `cy`, `r`, `x1`, `y1`, `x2`, and `y2` attributes. Colors and stroke width are set directly via the `fill`, `stroke`, and `stroke-width` presentation attributes, with no external data or scripting involved.

AI-generated description

A demonstration of svg shapes.