Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face!

Public visualization

Viewing a saved revision (read-only)

2260308f3d8740f0b20a1cdf87159801

Lets make a face!

0 stars1🌍 Public
BBhavyatulasi
Last edited Jul 28, 2020
Created on Jul 28, 2020
Forked from Lets make a face!

This example builds a smiling cartoon face on a yellow circle, animating its expressive eyebrows. Using React and SVG, the face is constructed with D3 selection methods to append a face circle, eyes, eyebrows, and an arc-based mouth. The code applies a chained `transition().duration(2000)` to the eyebrows group, moving it up and then back down to create a winking-like motion. All facial features are centered within an SVG canvas using a translated group, with D3’s `arc()` function generating the mouth’s curved path.

AI-generated description

A bare minimum HTML page.

See also React Starter.