Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fill & Stroke

Public visualization

Fork of Fill & Stroke

0 stars0🌍 Public
AAdriana Giraldo
Last edited Feb 4, 2023
Created on Feb 4, 2023
Forked from Fill & Stroke

This example demonstrates the visual contrast between filled and stroked SVG shapes—a rectangle, circle, and triangulated path each appear twice, once with solid fill and once with a white fill and black stroke. The rendering uses raw SVG elements (`<rect>`, `<circle>`, `<path>`) within an inline `<svg>` tag, with a white background rectangle. No JavaScript libraries are employed; the geometry is defined statically in the markup, and the path coordinates are hardcoded. The piece shows how fill and stroke alter the perception of identical forms.

AI-generated description

A demonstration of SVG shapes.

Comments

Sign in to join the discussion.

MIT Licensed