Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

New Face with D3.js!

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed