🌍 Public
Viewing a saved revision (read-only)
7bead70d5fb54e949f07e9c29f9be211
Let's make a face with D3.js
This D3.js example builds a cartoon face entirely out of SVG primitives—circles for eyes and the head, rectangles for eyebrows, and an arc path for the mouth. The face is centered in an SVG canvas using a group transform. The code animates the eyebrows with sequential `transition().duration(2000)` calls, moving them upward and back down. It relies on standard D3 v5 methods like `select`, `append`, and `attr`, using the `arc` helper to generate the mouth’s path data within the SVG.
AI-generated descriptionAn example including some commonly used features of SVG.