Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley

Public visualization

Fork of Smiley

0 stars0🌍 Public
AAyush Tiwari
Last edited Nov 3, 2022
Created on Nov 3, 2022
Forked from Smiley Face part 1

A grid of fifteen small smiley faces, each with randomly generated eye and mouth sizes, fills the screen. The faces are rendered as SVG circles with yellow backgrounds and black outlines, composed through reusable React components like `FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth`. The `Mouth` component uses `d3.arc` to create a curved path, while the `App` component maps over a `d3.range` array to generate the varied faces.

AI-generated description

Half way toward the smiley face

Comments

Sign in to join the discussion.

MIT Licensed