Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let'

Public visualization

Viewing a saved revision (read-only)

9399948e480e4b2fb9b73a85160b3de6

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.