🌍 Public
Viewing a saved revision (read-only)
dea7076c1158402287f23d2f6ef232ab
Let's make a face!
This example animates a simple cartoon face built from SVG shapes, with eyes, eyebrows, and a mouth arranged symmetrically. The face is constructed using D3 selections to append a circle for the head, circles for eyes, rectangles for eyebrows, and a path generated by the `arc` function for the mouth. The eyebrows independently animate upward and back down over two seconds using chained `transition` calls with `duration(2000)`. All elements are positioned relative to the viewport’s center via a transform on a group element.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.