Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
KKCharoenkwan
Last edited Mar 8, 2023
Created on Mar 8, 2023

A smiley face built with D3.js animates its eyebrows up and down in a looping transition. The SVG face consists of circles for the eyes, rectangles for the eyebrows, and a path generated with the `arc` function for the mouth. Code uses D3 selections, `transition().duration()`, and attribute manipulation to shift the eyebrow group’s vertical position. The yellow head and black outlines are rendered directly via SVG attributes, with no external data source.

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