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)

2c3ac2748208450f91fd6da791e07f0d

Let's make a face with D3.js!

0 stars0🌍 Public
Bbenben1996
Last edited Jan 4, 2019
Created on Dec 25, 2018

A simplified yellow face is drawn from SVG shapes, including a circular head, eyes, eyebrows, and a mouth, centered in a 960×500 viewport. The example demonstrates D3.js v5 selections, the `arc` generator for the mouth path, and chained `transition().duration()` calls that animate the eyebrow group vertically up and down over two seconds each. The code hard-codes all geometry values, such as eye spacing and radius, and uses SVG attributes for styling.

AI-generated description