Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

ca9cfc31eb5b4e2882ca1d835684c9b2

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
SShoon-Y
Last edited Mar 25, 2022
Created on Mar 25, 2022

A D3.js v5 smiley face is drawn with SVG primitives, including a yellow circle, two black eyes, and an arc-based mouth. The eyebrows are rectangles that animate upward and back down using chained `transition.attr` calls over two seconds each, demonstrating fundamental DOM manipulation. All shapes are appended to a central group translated to the SVG’s center, with coordinates computed from the viewport’s width and height.

AI-generated description

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