Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a face

Public visualization

Make a face

0 stars0🌍 Public
Jjeelong
Last edited Jul 20, 2020
Created on Jul 20, 2020

A stylized yellow face is drawn in SVG, with black-outlined circles for eyes and a curved arc path for a mouth. The eyebrows, rendered as rectangles, animate vertically in a looping up-and-down motion using chained `transition()` calls. Built with React and D3 v5, the code uses `select` to target the SVG and `arc()` to generate the mouth's path, while the face is centered via a group transform.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed