Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

8a00f0fa748840d4a3c859a300d82753

Smiley Face Part I

0 stars2🌍 Public
Rroc286
Last edited Feb 25, 2022
Created on Feb 24, 2022
Forked from Hello HTML

A grid of randomly generated smiley faces appears, each rendered as a yellow circle with a black stroke, two eyes, and a d3-arc mouth. The demo shows how React components compose a parameterized SVG face, with each face receiving randomized values for stroke width, eye offset, eye radius, and mouth dimensions. Built with React and D3 v7, the code constructs each face using a `FaceContainer` and `arc()` from D3, while the `App` component maps over a range to produce 18 unique faces.

AI-generated description

A bare minimum HTML page.