Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

947d182739a94e0c877c09a6edd4ecfd

Let's make a face with D3.js!

0 stars0🌍 Public
EEtupino
Last edited Oct 8, 2023
Created on Oct 8, 2023

A smiling face rendered in SVG, drawn with D3.js v5 shapes including circles for the face and eyes, rectangles for the eyebrows, and a path for the mouth. The code uses `select` and `append` to build the DOM, while `transition` animates the eyebrows upward and back downward over two-second intervals. The example demonstrates fundamental D3.js DOM manipulation and animation, with the face centered via an SVG `g` transform.

AI-generated description

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