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
Tthespiraltree
Last edited Aug 17, 2019
Created on Aug 17, 2019

This example animates a simple cartoon face built entirely with SVG shapes in D3.js. Shown head-on, the face consists of a circular head, two eyes, rectangular eyebrows, and an arc-based mouth, all centered within an SVG canvas. The eyebrows repeatedly bounce upward and downward using chained `transition` calls with a two-second duration each. The code leverages D3 v5’s `select`, `arc`, and `transition` APIs, constructing the face by appending circles, rectangles, and paths to a translated group element.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed