Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

f7138bed01b04fa8affe813d41d147f2

Smiley Face Part I

0 stars0🌍 Public
Yyejichun@naver.com
Last edited Dec 15, 2021
Created on Dec 10, 2021
Forked from HTML Starter

A grid of 18 randomly parameterized smiley faces, each rendered as a separate SVG, showcases variability in facial features. The faces vary in stroke thickness, eye offset, eye radius, and mouth dimensions. The React application maps over an array from `d3.range` to generate each `Face` component, which combines `BackgroundCircle`, `Eyes`, and `Mouth` elements. The `Mouth` uses a D3 `arc` shape generator to create a path, while all faces are centered within their 160 by 160 pixel SVG containers.

AI-generated description

Halfway toards the smileyface