🌍 Public
Viewing a saved revision (read-only)
9c7872f6c5ca46658efc1a86bf4b8cad
Shapes and Colors with SVG and CSS
This example builds a smiling face out of basic SVG shapes, including a yellow circle, eyes, nose, and an arc-based mouth, all centered on a dark blue background. The face is constructed using D3 v5 selections and the `arc` generator, with CSS controlling the page layout. Animated eyebrows demonstrate D3 transitions, moving horizontally and vertically via `attr` changes on SVG path elements over specified durations.
AI-generated descriptionAn example including some commonly used features of SVG.