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)

6a065b11cc254c078602c5dde5cbe137

Let's make a face with D3.js!

0 stars1🌍 Public
AAbhijeet Panda
Last edited Oct 14, 2019
Created on Oct 14, 2019

A yellow smiley face is drawn in SVG using D3.js v5, with circular eyes, rectangular eyebrows, and an arc-based mouth. The face’s eyebrows and mouth animate over two-second transitions, moving upward and downward repeatedly. The code selects the SVG element, appends groups for positioning, and uses D3’s `arc()` generator to shape the mouth, while `transition().duration()` drives the timed movements.

AI-generated description

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