Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
TTrustPaul
Last edited May 9, 2021
Created on May 9, 2021

A yellow smiley face rendered in SVG uses D3.js v5 to demonstrate fundamental DOM manipulation. The face consists of a large yellow circle for the head and two smaller black circles for eyes, all positioned using D3’s `select` and `append` methods with explicit `attr` calls for coordinates and styling. The code imports only `select` from D3’s module API, computes dimensions from the SVG element, and hardcodes eye spacing and offsets. No interactive or animated behavior is present, focusing purely on static shape construction.

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