Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

2c66f794cc7940d1a895a2b58f3fce37

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
RRayed12
Last edited May 15, 2022
Created on May 15, 2022
Forked from Smiley Face Part I

This example shows a yellow smiley face with two eyes, eyebrows, and a curved mouth, all rendered as SVG elements. The face is centered and drawn using D3 v5’s `select`, `arc`, and geometric shape methods. A transition animates the eyebrows by shifting them upward on load before returning them to their original position. The design mirrors a classic smiley icon, with the mouth created from an arc path and the eyes and head as circles.

AI-generated description

Halfway towards a smiley face.