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)

72a27a0224134ca29d6ee1993183978e

Let's make a face with D3.js

1 star6🌍 Public
HHe Jianfeng
Last edited Apr 7, 2021
Created on Apr 7, 2021
Forked from Hello D3

This example draws a stylized yellow face in SVG using D3.js, with circles for eyes, rectangles for eyebrows, and an arc-generated path for the mouth. The eyebrows animate upward and back down via chained `transition().duration()` calls on a group element. All shapes are positioned relative to a centered `<g>` container, using D3 selections and the `arc()` generator from the d3-shape module to construct the mouth.

AI-generated description