Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making Face

Public visualization

Viewing a saved revision (read-only)

ba99de6f4cdb4b1bb8f95af73f22b90b

Making Face

0 stars1🌍 Public
Jjakenachlas
Last edited Feb 1, 2021
Created on Jan 27, 2021
Forked from Shapes with SVG

A yellow circle with a black outline forms a face, featuring two eyes, rectangular eyebrows, and a mouth shaped as a semicircular arc. The eyebrows animate by moving upward and back down over two seconds, using D3 transitions. The visualization uses D3 version 6’s `select`, `arc`, and `transition` methods, rendering shapes as SVG elements within a 960x500 viewport. The code constructs the facial features via appended circles, rects, and a path, with the mouth defined by an inner radius of 150 and outer radius of 170.

AI-generated description

A demonstration of how to start using D3 version 6.