Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

8f4ebab4765d43558cd8f93ab1459ad9

Fork of SVG Fundamentals

0 stars0🌍 Public
JJuan Corrales Correyero
Last edited May 11, 2023
Created on May 11, 2023
Forked from SVG Fundamentals

This example shows simple SVG primitives—circles, lines, and paths—arranged on a blank canvas to demonstrate basic vector shapes. Overlapping red and green circles illustrate layering, while a red cubic Bézier curve and a black multi-segment path with rounded joins highlight path syntax. The code uses native SVG elements (circle, line, path) with inline fill and stroke attributes, rendered directly in the browser without any external JavaScript libraries. The SVG viewport is fixed at 960×900 pixels, with the body margin zeroed to avoid scrollbars.

AI-generated description

A demonstration of SVG shapes.