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)

676e01337036470583099b6013e1c797

Let's make a face with D3.js!

0 stars0🌍 Public
AAayush Chhabra
Last edited Nov 13, 2020
Created on Nov 13, 2020

A yellow smiley face with black eyes and an arc-shaped mouth is drawn in SVG using D3.js v5. The eyes remain static, while the eyebrows, rendered as rectangles, move up and down via chained `transition` calls over two-second intervals. The mouth is generated with the `d3.arc` helper, and all elements are positioned using SVG attribute manipulation.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.