Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

lets make a face with d3.js!

Public visualization

Viewing a saved revision (read-only)

5b607318f70841749a025684b6b35c88

lets make a face with d3.js!

0 stars2🌍 Public
Lleopoldovce2
Last edited May 13, 2021
Created on May 12, 2021

A yellow face, built from SVG shapes, is centered and animated in a d3.js visualization. The code uses d3.v6's `select`, `append`, and `attr` to construct the face from circles for eyes, rectangles for eyebrows, and a path created with `d3.arc` for the mouth. The eyebrows perform a repeated vertical transition using d3's `.transition().duration(2000)` over a two-second interval.

AI-generated description

An example including some commonly used features of SVG.