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 stars4🌍 Public
Ccheeson
Last edited Jul 30, 2020
Created on Jul 29, 2020

A yellow circle with black outlines forms a face, featuring two eyes, animated eyebrows that move up and down, and a mouth drawn as an arc. Built with D3 v5, the example uses SVG elements like `circle`, `rect`, and `path`, with the mouth created via the `d3.arc` generator. The eyebrows transition vertically using `transition.duration`, while the face is centered using an SVG `g` transform.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed