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 stars2🌍 Public
BBazarbayevManas
Last edited Aug 30, 2019
Created on Aug 30, 2019

A yellow circle with black facial features is drawn as a smiling face using D3.js v5. The code builds the face from SVG elements—a circle for the head, two circles for eyes, and an arc path for the mouth—positioned within a centered group. The eyebrows are animated with chained `transition().duration()` calls, shifting them downward and upward repeatedly. It uses `select` and `arc` from the d3 module on a static SVG canvas.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed