Skip to main content
100%

Let'

✓ Published1🌍 Public
MMichał Szumnarski
Last edited Aug 1, 2019
Created on Jul 10, 2019

A yellow SVG face with black-outlined features animates its eyebrows, moving them up and then back down over four seconds. The face is constructed from a circle, two eye circles, two eyebrow rectangles, and a mouth arc, all centered within a 960 by 500 canvas. The animation uses chained d3.transition calls with a two-second duration to shift the eyebrow group's transform. The code leverages d3.select, d3.arc, and SVG attributes to build the static and moving components.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes