Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
PPremkumar
Last edited Aug 22, 2024
Created on Aug 22, 2024

A smiley face built with D3.js demonstrates basic DOM manipulation and animation. The face is drawn using SVG shapes, including a yellow circle, two eyes, and a mouth created with the `d3.arc` shape generator. The code uses `select`, `append`, and `attr` to construct the scene. An animated sequence, driven by `transition().duration()`, moves the rectangular eyebrows up and down in a repeating loop, showcasing D3's ability to tween attributes over time.

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