Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ram_ICE_4_Assignment_D3.js!

Public visualization

Viewing a saved revision (read-only)

7f9b36a5b0734184a28d5db4557ae2d4

Ram_ICE_4_Assignment_D3.js!

0 stars0🌍 Public
RRamch16
Last edited Feb 22, 2023
Created on Feb 22, 2023

This example demonstrates a playful SVG smiley face constructed entirely through D3.js v5 DOM manipulation. The face features animated eyebrows that move up and down using chained `transition().duration()` calls, a mouth drawn with the `d3.arc()` path generator, and CSS-styled elements like ears, teeth, and a headband. The code uses `select`, `arc`, and `attr` to build the face on an SVG canvas, with HTML divs layered for additional facial features. The animation runs automatically in a loop, showing the eyebrows shifting repeatedly between raised and resting positions.

AI-generated description

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