Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face | Tweak your face | Yee Han

Public visualization

Viewing a saved revision (read-only)

99d1981dd07e4c68bf04c12196e588b0

Smiley Face | Tweak your face | Yee Han

1 star1🌍 Public
YYee Han
Last edited Jan 30, 2021
Created on Dec 21, 2020
Forked from Hello HTML

Six randomized smiley faces render in an SVG canvas with React, each composed of nested components for the face, eyes, and mouth. The face uses a colored circle with fixed stroke width, while the mouth is drawn with d3’s `arc` generator using randomized radii. Eyes are positioned via offset coordinates and randomized eye radius. All faces share the same center point, creating overlapping circles with varied fills and mouth widths, demonstrating reusable component composition and d3 arc creation within a React rendering pipeline.

AI-generated description

Half way towards a smiley face | Yee Han