Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ice4

Public visualization

Viewing a saved revision (read-only)

3a957cedf4034f07a32b7cbda62110f2

ice4

0 stars0🌍 Public
Ssuchitra2602
Last edited Jun 18, 2022
Created on Jun 18, 2022

A smiling yellow face with black outlined eyes and rectangular eyebrows is drawn using D3.js v5 in an SVG. The animation shows the eyebrows moving up and down by chaining two `transition.attr` calls on a group element. The code uses `d3.select`, `d3.arc` for the mouth, and SVG primitives like `circle` and `rect`. Rendering is SVG-based with timed transitions.

AI-generated description

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