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 stars0🌍 Public
Ssrrajendran
Last edited Nov 7, 2018
Created on Aug 29, 2018

A stylized face constructed from SVG primitives animates through a sequence of mood shifts. D3.js v5 selects the SVG canvas and uses chained `transition().duration()` calls to tween the circle's fill, reposition the eyes with translate transforms, drop and raise the eyebrows, and rotate the mouth path. The face is drawn with geometric shapes including circles, rectangles, and an arc path generated via `d3.arc()`.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js

Comments

Sign in to join the discussion.

MIT Licensed