Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let'

Public visualization

Let'

0 stars1🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed