Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part V

Public visualization

Smiley Face Part V

0 stars0🌍 Public
AAlex Piccolo
Last edited May 5, 2020
Created on May 4, 2020

A grid of fifteen smiley faces renders as SVG through React components. Each face randomly sizes its stroke width, eye radius, mouth width, and mouth radius using `Math.random`. The `Face` component composes `BackgroundCircle`, `Eyes`, and `Mouth`, where the mouth uses `d3.arc` to draw a half-circle path. The `FaceContainer` wraps children in a translated `<g>` element, and the app maps over `range(5*3)` to generate the grid.

AI-generated description

A bare minimum HTML page.

bookmark lets make a face part iii episode 7

Comments

Sign in to join the discussion.

MIT Licensed