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
CCrystal Hsu
Last edited Sep 18, 2023
Created on Sep 18, 2023

This interactive visualization uses D3.js to construct a simple smiley face, featuring a yellow head, eyes, eyebrows, and a mouth. The primary focus is on demonstrating fundamental DOM manipulation through the `select` and `append` methods. The eyebrows animate, moving up and then back down via chained `transition().duration(2000)` calls. The visualization renders as SVG and also includes a linked YouTube video. All shapes are created programmatically, with the mouth path defined using the `d3.arc` generator.

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