Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fundamentals of SVG

Public visualization

Viewing a saved revision (read-only)

fe6d69d690a04b84bb321ea7495de454

Fundamentals of SVG

0 stars0🌍 Public
Aanudeep-dasari
Last edited May 7, 2022
Created on May 6, 2022
Forked from HTML Starter

This example demonstrates the foundational shapes and attributes of SVG through a static composition of four primitive elements. It shows a pair of circles, a rounded rectangle, and a diagonal line rendered directly in an inline `<svg>` element with a 960x500 viewport. The code applies styling via presentation attributes such as `fill`, `stroke`, `stroke-width`, and `rx`/`ry` for corner rounding, including a blue-stroked rectangle with no fill and a red line crossing the canvas. It relies solely on native SVG markup with no JavaScript libraries or data sources, highlighting how basic geometric primitives are defined and styled directly in HTML.

AI-generated description