Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3 change.js!

Public visualization

Viewing a saved revision (read-only)

0b9d4ba7c47f45e0b6dd20807d04e642

Fork of Let's make a face with D3 change.js!

0 stars0🌍 Public
Rramin-dabirian
Last edited Aug 14, 2021
Created on Aug 14, 2021

This example shows a simple animated smiley face built with D3.js. The face is rendered as SVG elements, including a yellow circle for the head, two eyes, and a mouth made with an arc path. The demonstration focuses on fundamental DOM manipulation, primarily using D3's `select` and `append` methods to construct the scene. It also illustrates basic animation through chained `transition().duration()` calls, which move the eyebrows up and down in a looping sequence. The code uses D3 v5 and relies on the `arc` generator to define the mouth's shape.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.