🌍 Public
Viewing a saved revision (read-only)
b5b88f61b0ad4c6ba48e27a6aed96438
Shapes with SVG and CSS
This example constructs a cartoon-like face from basic SVG shapes, including a large red circle, two smaller eyes, and a mouth drawn as an arc path. The visualization uses D3 v5 selection methods and the `d3.arc` generator to define the mouth’s geometry, while CSS sets a black background and removes page margins. Shapes are positioned and scaled dynamically based on the SVG’s width and height attributes.
AI-generated descriptionAn example including some commonly used features of SVG.