Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

smiley face.js!

Public visualization

smiley face.js!

0 stars0🌍 Public
Hhowlermonkeyar
Last edited Dec 29, 2020
Created on Dec 29, 2020

A yellow smiley face with animated eyebrows is drawn in an SVG using D3.js v5. The code selects the SVG element and appends groups and shapes (circles for eyes, rectangles for eyebrows, and a path for the mouth) using d3.select and d3.arc. Eyebrows move up and down via chained transition calls that alter their transform attribute. No external data is loaded; the visualization is purely code-generated.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed