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 stars1🌍 Public
NNick Dyson
Last edited Nov 30, 2019
Created on Nov 30, 2019

This D3.js example builds a smiling cartoon face from scratch using SVG primitives. A yellow circle forms the head, while two circles with animated rectangular eyebrows and an arc-shaped mouth are positioned to create the expression. The right eyebrow repeatedly moves up and down via chained `transition().duration(2000)` calls, demonstrating D3's animation capabilities. All elements are scaled and centered using the `select` and `append` API from d3 v5.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed