Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A portrait

Public visualization

Viewing a saved revision (read-only)

bf9e88b6c08d4bddb3f800c8c07cb09a

A portrait

0 stars0🌍 Public
Ggoogoogoo
Last edited Jan 4, 2023
Created on Jan 3, 2023

A yellow face with black-outlined eyes, eyebrows, and a smiling mouth is drawn using D3.js. The SVG portrait is centered, with circles for the eyes and an arc-generated path for the mouth. Animated transitions move the eyebrow rectangles upward and back downward over two seconds each, creating a subtle expressive motion. The example uses D3 v7 selections, the `arc` helper, and chained `transition().duration()` calls.

AI-generated description

Making a smiley face with d3.js