Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

KH makes a face with D3.js

Public visualization

Viewing a saved revision (read-only)

9fc2437c12984482858ba90f39b05725

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