🌍 Public
Viewing a saved revision (read-only)
cca9b6ae40364ac4bdb712ad829aad28
Let's make a face with D3.js
This example builds a simple cartoon face from basic SVG shapes, including circles for the head and eyes, rectangles for eyebrows, and a path for the mouth. The face is grouped and centered within the SVG canvas. The animation is driven by D3 transitions, which sequentially move the eyebrows downward over two-second intervals. The code uses D3 v5's selection, arc, and transition APIs to construct and animate the elements, with the mouth generated using the `d3.arc` geometry generator to create a curved path.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.