Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Ssiddu7147
Last edited Feb 23, 2023
Created on Feb 17, 2023
Forked from Hello VizHub

This example demonstrates a simple smiley face constructed entirely through D3.js v5 DOM manipulation. It uses `d3.select` and `.append` to create SVG circles and paths that form the face’s shape, eyes, pupils, tears, eyebrows, and mouth, with fixed coordinates and attributes set via `.attr`. The page loads D3 from a CDN and renders the face in a 960×500 SVG canvas, with static styling from a linked CSS file.

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