Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I

Public visualization

Fork of Let's Make a Face Part I

0 stars0🌍 Public
OOraclePcs
Last edited Dec 16, 2021
Created on Dec 16, 2021

A grid of 18 identical simplified smiley faces, each rendered as a yellow circle with a black border, two eyes, and a curved mouth, is displayed using React and D3. The faces are built from reusable React components—`FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth`—which take width, height, offset, and radius props. The mouth is drawn using D3’s `arc` generator, while the grid is produced by mapping over an array from `d3.range`. All rendering is done as SVG elements.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed