Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of d3example1

Public visualization

Viewing a saved revision (read-only)

26698ddc31fa4f9b835386473d9be7ec

Fork of d3example1

0 stars0🌍 Public
Aanandbabu-k
Last edited Jul 15, 2022
Created on Jul 15, 2022
Forked from d3example1

This example demonstrates fundamental DOM manipulation with D3.js by rendering a yellow smiley face with animated eyebrows. The code uses D3 v5 selections and the `arc` generator to draw the mouth, while chained `transition().duration()` calls shift the eyebrows up and down over two-second intervals. Circles and rectangles are appended to an SVG group, positioned relative to the center of a 960x500 viewport. The animation loops implicitly through the chained transitions, and all geometry is defined with fixed pixel constants.

AI-generated description

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