Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a face!

Public visualization

Make a face!

0 stars1🌍 Public
HHanyang
Last edited Jul 10, 2019
Created on Jul 10, 2019

A smiling face made of SVG shapes uses D3 v5 to animate its eyebrows in a looping motion. The yellow circle head, black-outlined eyes, and arc-based mouth are drawn with D3 selections and the `d3.arc` path generator. Eyebrow rectangles transition vertically via chained `transition().duration()` calls, moving up and down repeatedly. The static SVG is centered using a group transform, and the animation runs automatically on page load.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed