Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
DDhiyan-jay
Last edited Jul 8, 2021
Created on Jul 8, 2021

A smiling yellow face with black features animates its eyebrows, which move upward and then settle back down in a continuous loop. Built with D3.js v5, the visualization uses SVG shapes—circles for the head and eyes, rectangles for the eyebrows, and a path generated with the `d3.arc()` function for the mouth. The eyebrow motion is achieved through chained `transition()` calls that alter the group’s translate transform over two-second durations.

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