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)

32f8e20067ba4fb5bb7476435bc32ae5

Let's make a face with d3.js

0 stars3🌍 Public
Pparkypoo
Last edited Dec 6, 2020
Created on Dec 6, 2020
Forked from Hello VizHub

This example builds a stylized yellow face from basic SVG shapes using D3 v5. The face features animated eyebrows, eyes, and an arc-based mouth, all centered within an SVG canvas. The eyebrows transition vertically via `transition().duration(2000)` to create a subtle bobbing motion, while the mouth is drawn using the `arc()` generator. The code uses `select()` to manage SVG elements and demonstrates ES6 module imports for structured D3 code.

AI-generated description