🌍 Public
Viewing a saved revision (read-only)
7eda1ebd90f84ded9bf29ac218191aa3
Let's make a face with D3.js!
This example builds a smiling face out of basic SVG shapes, with animated eyebrows that move up and down. Using D3.js v5, the code selects the SVG element, appends and positions circles for the eyes, rectangles for the brows, and an arc-generated path for the mouth. A transition chain on the eyebrows group animates the transform attribute over two two-second intervals, creating a subtle, looping expression change.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.