Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed