Skip to main content
Explore
Solutions
Bespoke Studio
Pricing
Quick Start
Demo
Log in
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Home
•
Fork Viz
Fork Viz
Create your own copy of this visualization.
Forking from
Fill & Stroke
Title
*
Description
This example demonstrates the difference between SVG shapes with default fill and stroke rendering and shapes with explicit white fills and black outlines. The top row shows rectangles, circles, and paths filled with black by default, while the bottom row applies white fill and a 12-pixel black stroke to identical shapes. A small arrow-like path appears within one shape to show layered fills. The visualization uses raw SVG elements defined directly in HTML, with no external libraries.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz