Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Yyusufsaleem
Last edited Apr 14, 2021
Created on Apr 14, 2021

A smiley face composed of SVG shapes animates its eyebrows upward and downward in a looping motion. The face includes a yellow circle head, two black eyes, and a mouth drawn with an arc path. Built with D3.js v5, the code uses `select`, `append`, and `transition` APIs to select the SVG canvas, append geometric elements, and tween the eyebrow group’s transform attribute over two-second durations. The animation runs on page load, with dimensions and positions defined by fixed numeric constants.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed