Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

e109cf19e8904bc39d400d395e99d1d3

Fork of SVG Fundamentals

0 stars1🌍 Public
SSimon Krukowski
Last edited May 7, 2024
Created on May 7, 2024
Forked from SVG Fundamentals

This example demonstrates a set of four identical, rounded rectangular paths stacked vertically, each filled with a distinct color from purple to pale pink and outlined with a dark stroke. The SVG code uses the `<path>` element with a complex `d` attribute that combines horizontal and vertical lines with arc commands to create the pill-like shape. The rendering relies on raw SVG APIs within an HTML page, with the body set to hide overflow and a plain background rectangle. The path commands define a consistent geometry, shifting only the starting y-coordinate for each band.

AI-generated description

A demonstration of SVG shapes.