Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of face_version5

Public visualization

Fork of Fork of face_version5

0 stars1🌍 Public
114Hazel
Last edited Apr 22, 2022
Created on Apr 22, 2022

A grid of eighteen procedurally generated cartoon faces, each composed of a yellow circle, two eyes, and an arc-based mouth, demonstrates the variability possible through randomized parameters. The React components `Face`, `BackgroundCircle`, `Eyes`, and `Mouth` compose individual SVGs, with `FaceContainer` managing the coordinate transform. Using d3’s `arc` generator, the mouth shape is defined by inner and outer radii and specific angles, while `Math.random()` varies stroke widths, offsets, radii, and mouth curvature across the batch, making every face slightly different.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed