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
Ssam-leb
Last edited Jul 3, 2020
Created on Jul 3, 2020

A yellow smiley face with animated eyebrows is drawn in SVG, demonstrating fundamental D3.js DOM manipulation. The code selects the SVG, appends groups, and builds the face from circles, rectangles, and an arc-generated mouth path. Using D3's `transition()` method, the eyebrow group moves vertically over four seconds, creating a blinking-like effect. The example relies on D3 v5, importing `select` and `arc` from the main bundle, with coordinates based on the SVG's dimensions.

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