Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face III

Public visualization

Let's Make a Face III

0 stars0🌍 Public
Jjudietrich
Last edited Oct 1, 2021
Created on Sep 29, 2021
Forked from Let's Make a Face

The visualization presents a grid of 18 procedurally generated cartoon faces, each with randomized eye positions, radii, mouth dimensions, and stroke widths on a yellow background. Built with React and rendered as SVG, the code composes reusable components like `BackgroundCircle`, `BothEyes`, and `Mouth`. The mouth is drawn using `d3.arc` with an inner and outer radius, while the faces are positioned via SVG `<g>` transforms. All properties are assigned random values within ranges, producing varied expressions across the grid.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed