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)

d1fe9ecfadb84318a5670dd8bfa52d57

Let's make a face with D3.js!

0 stars1🌍 Public
Pphongbui81062
Last edited Dec 5, 2019
Created on Dec 5, 2019

A simple yellow smiley face is drawn with SVG shapes, featuring circular eyes, rectangular eyebrows, and a mouth created using the `arc` generator. The eyebrows animate upward and back down via chained `transition` calls over two-second durations. The code builds the face with D3 v5 selections, using `select`, `attr`, and `append` to position elements relative to a centered group, with coordinates calculated from the SVG’s width and height.

AI-generated description