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!

0 stars4🌍 Public
Ffbudwill
Last edited Apr 25, 2020
Created on Apr 25, 2020

A yellow circle with two eyes, eyebrows, and a mouth forms a simple face in an SVG canvas. The code uses D3 v5 selections to build the shapes, with `d3.arc` generating the mouth’s path. A `transition` applies a two-second upward and downward movement to the eyebrow group, animating the face without any data input. All elements are centered via a translated `<g>` group, and the rendering relies strictly on SVG attributes and D3’s transition system.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed