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)

2792dcd1936a401d9b8f85965eadf063

Let's make a face with D3.js

0 stars4🌍 Public
JJoachim Klug
Last edited Sep 11, 2020
Created on Sep 11, 2020

A yellow smiley face is drawn in SVG, with circles for eyes, rectangles for eyebrows, and a path created using the d3.arc generator for the mouth. The face animates as the eyebrow group performs a transition.attr on its transform, moving up and down over two seconds in each direction. Built with D3 v6, the code uses select to target the SVG element and applies geometric attributes like cx, cy, r, and rotation transforms to compose the facial features.

AI-generated description