Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

bc46d00da9d543c99175780e1aad5715

Let's make a face with D3.js

0 stars2🌍 Public
HHarish M A
Last edited Jul 5, 2020
Created on Jul 5, 2020

A yellow SVG face with black-outlined features is drawn using D3.js v5. The code builds concentric circles for the head and eyes, rectangles for the eyebrows, and an arc path for the mouth. A 2-second animated transition moves the eyebrows upward and back, while a 3-second transition tweens the mouth’s path into a wide arc. All shapes are positioned relative to the SVG’s center via a translated group, using D3’s `select`, `arc`, and `.transition()` APIs.

AI-generated description