Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a face D3.js

Public visualization

Make a face D3.js

0 stars1🌍 Public
Bbasskur
Last edited Jan 3, 2020
Created on Jan 3, 2020
Forked from Make a face D3.js

A smiling face rendered with SVG animates its eyebrows up and down. Built with D3.js v5 and React, the visualization constructs the face from basic shapes—circles for eyes, rectangles for eyebrows, and a path for the mouth—using D3's `select` and `arc` APIs. The eyebrows transition vertically via `transition().duration(2000)`, creating a playful, looping expression. The SVG canvas is 960 by 500 pixels, and the face is centered using a group transform.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed