Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

f110c1b02b0949888d89ff54d76e75eb

Let's make a face with D3.js

0 stars2🌍 Public
GGeolffrey S Mena
Last edited Dec 17, 2019
Created on Aug 4, 2019

A face rendered in SVG displays yellow circular head, eyes, eyebrows, and a mouth. D3 v5 code builds the face using `d3.select`, `d3.arc` for the mouth path, and appended `circle` and `rect` elements. Eyebrows animate with `transition.duration()`, moving them downward and back over two seconds each way, while the head and features remain static against a dark blue background.

AI-generated description

An example showing the capabilities of VizHub.