Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

New Face with D3.js!

Public visualization

Viewing a saved revision (read-only)

ad2d258c27324191afde943823569a80

New Face with D3.js!

0 stars0🌍 Public
IIrvinventanilla
Last edited Apr 14, 2022
Created on Apr 14, 2022

A blue SVG smiley face with black-outlined eyes and a curved mouth animates on a 960-by-500 canvas. D3.js v5 selection and transition methods move its rectangular eyebrows up and down in a two-second cycle, demonstrating basic DOM manipulation without data binding. The code uses `select`, `arc`, and chained `transition().duration()` calls, with layout defined by fixed pixel offsets.

AI-generated description

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