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
MMatthiasVanCampen
Last edited Jan 26, 2020
Created on Jan 26, 2020

The example shows a simple emoticon-like face constructed from SVG shapes, including a yellow circle, two eyes, two eyebrows, and an arc-shaped mouth. Using D3.js v5, the code leverages the `select` and `arc` APIs to build and position the face elements, and an animation sequence via `transition` moves the eyebrows up and down over two seconds. All parts are drawn as SVG primitives within a 960x500 canvas, centered using a translated group.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed