Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

9bb71ec090844754ab58d9160f7b3c72

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

0 stars0🌍 Public
SShengHao-Shi
Last edited Aug 20, 2021
Created on Aug 20, 2021

This example demonstrates a smiley face whose eyebrows animate using fundamental D3.js DOM manipulation. The SVG is selected via `d3.select` and styled with a red background. The code uses D3 v5 and renders the face as SVG elements, with the eyebrows moving through dynamic attribute updates. The fork builds on a tutorial approach, showing how D3 can bind and modify visual properties directly in the DOM without complex data joins or scales.

AI-generated description

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