Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face (orobor0s)

Public visualization

Viewing a saved revision (read-only)

61ba38af840b4b64864ad34fbfea9943

Smiley Face (orobor0s)

0 stars1🌍 Public
BBen
Last edited Jul 21, 2023
Created on Jul 20, 2023
Forked from HTML Starter

A grid of randomly generated smiley faces fills the view, each rendered as a yellow SVG circle with black outlines. The faces vary in eye placement and size, mouth thickness, and stroke width, created by mapping an array from `d3.range` through the React component `Face`. The code uses D3’s `arc` API to draw the mouth path, while React components like `BackgroundCircle`, `Eyes`, and `FaceContainer` compose the SVG structure within a fixed 160×160 canvas.

AI-generated description

Smiley face made via HTML, CSS, SVG, React, and D3