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
Kkatpyt
Last edited Nov 5, 2021
Created on Nov 5, 2021

A smiling face built with D3.js v5 uses SVG circles and a path to render its head, eyes, and mouth. The eyebrows are rectangles that animate up and down using chained `transition` calls with a two-second duration each. The visualization demonstrates core DOM manipulation by selecting an `svg` element and appending groups and shapes based on fixed pixel dimensions. The code imports `select` and `arc` from the D3 library to create the face and generate the mouth's curved path.

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