Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
Ttonestar
Last edited Nov 4, 2019
Created on Nov 4, 2019

The example demonstrates fundamental DOM manipulation with D3.js by constructing a smiley face out of SVG shapes, including a yellow circle for the head and animated eyebrows that move up and down. It uses D3’s `select`, `append`, and `attr` methods to build and style the face elements directly within the SVG canvas. The rendering relies on D3 v5’s core API, with the face drawn entirely through programmatic SVG element creation rather than data mapping.

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