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)

5d8835ffbd574208adc36bb37db0489b

Fork of Let's Make a Face Part I

0 stars0🌍 Public
NNilsMar
Last edited Dec 28, 2021
Created on Dec 26, 2021

A grid of randomly generated smiley faces fills the viewport, each with a yellow circular head, black-outlined stroke, two eyes, and a curved mouth arc. The faces vary in stroke width, eye offset, eye radius, mouth width, and mouth radius, produced by a React app that maps over a `range(6*3)` array to render 18 `<Face>` components. Built with D3 v7’s `arc()` function for the mouth and SVG primitives like `<circle>` and `<path>`, the example uses React 17 and renders everything as SVG within a `FaceContainer` that translates each face to a centered position.

AI-generated description

Half way towards a smiley face.