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)

4db496e5b8d94a99b7883127abab32ec

Let's make a face with D3.js

0 stars6🌍 Public
AAmar Nath Yogi
Last edited Jan 3, 2020
Created on Jan 3, 2020

This example assembles a cartoon face from geometric primitives using D3.js v5. A yellow circle forms the head, with two black eyes, a nose, eyebrows, and a mouth built from SVG paths generated by the `arc` API. The eyebrows animate vertically via a repeating `setInterval` loop, with transitions applied using the `transition` API to move them up and down every 1.5 seconds. All elements are grouped and positioned using SVG transforms within a fixed 960x500 canvas.

AI-generated description