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)

84b196e2cb7a4d0b9144c4669da6733a

Let's make a face with D3.js!

0 stars0🌍 Public
MMukund Khandelwal
Last edited Aug 28, 2018
Created on Aug 28, 2018
Forked from Face in d3

This example shows a green background, a large yellow circle, and a simplified smiley face rendered as SVG. The face includes two circular eyes, rectangular eyebrows, and a mouth drawn as an arc using D3’s `arc` generator. The code imports `select` and `arc` from d3, appends SVG elements to a fixed 960×500 canvas, and positions them via transformations. The eyebrows are offset vertically, suggesting movement, but no animation or data is included—only static DOM manipulation.

AI-generated description

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