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)

86efa77f613d41b8bc39d2d9368aa8e9

Let's make a face with D3.js!

0 stars0🌍 Public
AAdam Majkowski
Last edited Apr 3, 2020
Created on Mar 31, 2020

This example demonstrates fundamental D3.js DOM manipulation by creating an interactive smiley face with moving eyebrows. The face is rendered as SVG elements, and the eyebrows animate using D3’s `transition` and `attrTween` methods. The code leverages `d3.select` and `.append` to build the shape, while a YouTube video embedded in the README explains the process. The visualization uses `d3.v5` and is styled with external CSS, showing how D3 can handle simple, non-data-driven graphics.

AI-generated description

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