Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I

Public visualization

Viewing a saved revision (read-only)

94124cb3aec0495ab94b61dd8c80d503

Fork of Let's Make a Face Part I

0 stars0🌍 Public
KKeyvan Rezaei
Last edited May 18, 2021
Created on May 18, 2021

A grid of 18 randomly generated cartoon faces, each rendered as a yellow circle with black outline, two eyes, and an arched mouth. The example uses React to instantiate multiple `Face` components, each composed of `BackgroundCircle`, `Eyes`, and `Mouth` subcomponents, which build SVG elements. The `Mouth` component leverages d3’s `arc()` API to compute the path for a smile, with randomized dimensions for facial features.

AI-generated description

Half way towards a smiley face.