Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

01. face with D3.js

Public visualization

01. face with D3.js

0 stars0🌍 Public
11Dimitri
Last edited Aug 8, 2021
Created on Aug 8, 2021

A yellow smiley face drawn with SVG circles, rectangles, and an arc path is centered in the viewport. D3.js selections append the facial features, while a chained `transition` with a two-second duration repeatedly moves the eyebrow group up and down. The code uses D3 v5’s `select`, `arc`, and `attr` to construct the face from hardcoded dimensions, demonstrating basic DOM manipulation and animation without external data.

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