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
Rrohitchavan007
Last edited Oct 9, 2023
Created on Oct 9, 2023

This visualization builds a smiling face from basic SVG shapes using D3.js v5. The code appends a yellow circle for the face, two eyes, and a mouth path generated with the `d3.arc` function, all centered via a group transformation. It demonstrates animated DOM manipulation by applying a looping `transition` with a 2-second duration to the eyebrows group, moving it up and down. The example uses `d3.select`, `d3.append`, and attribute setters like `.attr` to construct the scene, with styles handled in an external stylesheet.

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