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)

9b0e55718a4f43378c4722ffa8ec2aa3

Let's make a face with D3.js!

0 stars0🌍 Public
GGPOAdmin
Last edited Oct 20, 2020
Created on Oct 20, 2020

A yellow circle face with black eyes, eyebrows, and a smile is drawn entirely with D3.js v5 SVG primitives, including `circle`, `rect`, and an `arc()` path for the mouth. The face is centered within an SVG using a translated `g` group, and the eyebrows animate upward and back down via chained `transition().duration()` calls. The geometry uses constants for spacing and offsets, and the code demonstrates selection, attribute setting, and the `arc` generator from the `d3` module.

AI-generated description