Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

39ff754923b9422ba50f6e3129131a23

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

0 stars0🌍 Public
GGroup 17
Last edited Feb 23, 2023
Created on Feb 23, 2023

A green SVG smiley face is drawn using D3.js v5, with a circular head, two eyes, rectangular eyebrows, and an arc-shaped mouth. The eyebrows continuously move up and down via chained `transition()` calls with a 2000-millisecond duration. The face is centered using an SVG `<g>` element transformed by the width and height of the `<svg>` container. The code uses D3's `select` and `arc` functions to construct the shapes and animate them.

AI-generated description

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