Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

7789c5c0a74c492e8f9f91ed0f69bf52

Fork of Smiley Face Part I

0 stars0🌍 Public
MMoise
Last edited Aug 23, 2023
Created on Aug 23, 2023
Forked from Smiley Face Part I

A grid of eighteen randomly generated smiley faces fills the viewport, each rendered as yellow circles with black strokes, eyes, and a curved mouth. The faces vary in stroke width, eye placement, eye radius, and mouth dimensions due to randomized prop values passed to the `Face` component. Built with React and SVG, the visualization uses reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`, with the mouth path created using `d3.arc` from d3.v7.

AI-generated description

Half way towards a smiley face.