Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a face with Curran's help

Public visualization

Making a face with Curran's help

0 stars2🌍 Public
RRamon96
Last edited Nov 15, 2019
Created on Nov 13, 2019

A yellow SVG face with animated eyebrows demonstrates basic D3 v5 shape and transition APIs. The code uses `d3.select`, `d3.arc`, and chained `transition().duration()` calls to move the brow rectangles up and down over two seconds. Eyes and brows are positioned with explicit `attr` values for spacing and offsets, while the mouth is drawn as a half-arc path. The face is centered by translating a group element to the middle of the 960×500 SVG canvas.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed