Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

KH makes a face with D3.js

Public visualization

KH makes a face with D3.js

0 stars3๐ŸŒ Public
KKyleHincz
Last edited Aug 26, 2021
Created on Aug 25, 2021

A face drawn with SVG primitives in D3.js animates its eyebrows. A yellow circle forms the head, with black circles for eyes and a semi-circular arc for the mouth. The eyebrows, rendered as rectangles, shift vertically through a chained transition over four seconds. The code uses d3.select, d3.arc for the mouth path, and d3.transition to move the eyebrow group between two positions.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed