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 stars1๐ŸŒ Public
HHasideluxe
Last edited Jul 21, 2020
Created on Jul 21, 2020

A yellow circle with black facial features forms a smiley face on an SVG canvas. Two eyes and a mouth are drawn using D3 shapes, while a pair of dark eyebrows animate vertically in a looping transition, moving up and then back down. The face is centered via a group transform, with the mouth created using the d3.arc path generator. The animation uses chained transition calls on an SVG group element to shift the eyebrows repeatedly.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed