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 stars1🌍 Public
YYujin Chung
Last edited Aug 8, 2019
Created on Aug 8, 2019

A smiley face rendered as SVG shapes uses green for the head, yellow strokes, and animated eyebrows that move up and down. The example demonstrates fundamental DOM manipulation with D3.js v5, building the face from circles, rectangles, and an arc-generated mouth while applying transitions to shift the eyebrow group. Code uses `d3.select`, `attr`, `transition`, and the `arc` generator, with a blue background set on the SVG.

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