Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fundamentals of SVG

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed