Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face I

Public visualization

Smiley Face I

0 stars0🌍 Public
Llawrenceong001
Last edited Apr 20, 2020
Created on Apr 19, 2020
Forked from Hello HTML

A grid of eighteen SVG smiley faces renders in React, with randomized eye radius and mouth width producing subtle facial variation. Each face is composed of separate React components — BackgroundCircle, Eyes, Mouth, and FaceContainer — which assemble a yellow circle with a black stroke, two black eyes, and an arc-based mouth. The mouth uses d3.arc to generate a path with specified inner and outer radii and angle ranges. All faces share identical positioning and dimensions within their own SVG containers.

AI-generated description

working on smiley

Comments

Sign in to join the discussion.

MIT Licensed