Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js

Public visualization

D3.js

0 stars0🌍 Public
SSerena Fang
Last edited Feb 23, 2021
Created on Feb 23, 2021

A smiley face rendered in SVG animates by raising and lowering its eyebrows. The yellow circular head, black eyes, and mouth are drawn using D3 v6 shape generators and SVG primitives. The code uses `arc()` for the mouth, `circle` and `rect` elements for facial features, and chained `transition().duration()` calls to move the eyebrow group up and down over two-second intervals.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed