Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
JJanani Teklur Srinivasa
Last edited Dec 19, 2025
Created on Dec 19, 2025

A smiling face is drawn with D3.js v5, using simple SVG shapes like circles and rectangles for the head, eyes, and brows, with a path for the mouth. The entire face is centered via a group transform, and the eyebrows animate by moving down and up repeatedly using chained `transition` calls with a two-second duration. The example demonstrates basic D3 selection, shape construction, and animation through the `select` and `arc` APIs.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed