🌍 Public
Viewing a saved revision (read-only)
afe3e86a277e41a58dbf4426f9344ecd
Let's make a face
This example draws a simple yellow face using SVG shapes. It demonstrates basic D3.js selections and attribute manipulation by creating a large circle for the head, two smaller circles for eyes, and an arc for the mouth. The code uses d3.select to append elements, parse SVG width and height attributes, and a d3.arc path generator with inner and outer radii plus start and end angles. The right eye is positioned using an SVG group with a transform translation, while the left eye and mouth use direct coordinates.
AI-generated descriptionAn example including some commonly used features of SVG.