Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
JJuanRomero1016
Last edited Oct 8, 2020
Created on Oct 8, 2020

A smiling face is drawn in SVG with D3.js v6, featuring a yellow head, two eyes, and eyebrows, with the right eyebrow animating upward via a `transition()` over two seconds. The code builds the figure using `select`, `append`, and `arc` from the D3 library, positioning elements through SVG `transform` attributes and computing the mouth’s path from an arc generator with specified angles. The static parts render instantly, while the animated eyebrow demonstrates D3’s transition system on SVG attributes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed