🌍 Public
Viewing a saved revision (read-only)
3c8215c9f25940b1b4606fab38f90525
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.