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
Rrychenf1
Last edited Nov 15, 2019
Created on Nov 15, 2019
Forked from Hello VizHub

This example demonstrates how to build an animated face using D3.js, starting with a yellow circle for the head and adding eyes, eyebrows, and a mouth via SVG shapes like circles, rectangles, and a path. The code uses `d3.select`, `d3.arc`, and chained `transition` calls to animate the eyebrows moving up and down over time. All elements are positioned relative to a centered group, and the face responds to the viewBox size defined in the HTML.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed