🌍 Public
Viewing a saved revision (read-only)
1e6d644e974746b39eae447d4c3646c1
Fork of Tweak a Face Assignment by Enze Liu
This example displays a panda face constructed from SVG primitives, including arcs for the eyes, nose, mouth, and ears, ellipses for eye sockets, and circles for the face and flush. The visualization is built with React and D3.js v6, using `d3.arc()` to generate path data for the facial features, positioned via SVG transform attributes. The face is centered within a 960 by 500 viewport, with each element manually placed to create a symmetrical, cartoon-like appearance.
AI-generated descriptionThe first assignment: Tweak a Face
Start with the blank html project This is a panda face!
- use two arcs to make the eyes
- use two ellipse to make the eye sockets
- use one arc to make the nose
- use two circles to implement the flush
- use two arcs to implement the mouse
- use two arcs to implement the ears