Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a smily face

Public visualization

Making a smily face

0 stars1🌍 Public
Kketuckychix
Last edited Mar 12, 2020
Created on Mar 12, 2020

A yellow smiley face is drawn on an SVG canvas with two eyes, a smile, and animated eyebrows. The face is centered using a D3 selection with the `translate` transform, and the mouth is created with the `d3.arc` path generator. The eyebrows use `transition().duration()` to move up and down over two seconds each, demonstrating chained D3 transitions. The code relies on `d3.select`, `d3.arc`, and SVG elements like `circle` and `rect`, all rendered with d3.v5.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed