🌍 Public
Viewing a saved revision (read-only)
52c4faf01582430f803d0a9369e50f14
Let's make a face with D3.js
A smiling face made of SVG shapes is drawn with D3.js, using circles for the head and eyes, rectangles for eyebrows, and an arc-generated path for the mouth. The eyebrows animate vertically via chained `transition().duration()` calls, shifting down and back up over two seconds each. The code imports `select` and `arc` from d3, manipulates SVG attributes directly, and positions elements relative to a centered group. Rendering uses an SVG canvas with a yellow circle and black strokes.
AI-generated descriptionAn example including some commonly used features of SVG.