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)

44ab8be3166e4fe0a5565ee704ad5ff9

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

0 stars0🌍 Public
AAkash Santosh Kuskar
Last edited Dec 25, 2023
Created on Dec 25, 2023

A smiley face built with SVG animates its eyebrows in a looping motion. The example demonstrates fundamental D3.js DOM manipulation by appending circles for the eyes, rectangles for the eyebrows, and a path generated with the `d3.arc` function for the mouth. The eyebrows move via chained `transition` calls that repeatedly offset their vertical position. The code imports `select` and `arc` from the D3 v5 library and renders entirely in an SVG container.

AI-generated description

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