Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smile Face 1

Public visualization

Smile Face 1

0 stars0🌍 Public
GGenpinZ
Last edited Mar 10, 2022
Created on Mar 9, 2022
Forked from Hello HTML

This gallery piece displays a grid of 36 variations of the classic smiley face, each rendered in an SVG. The primary visual is determined by the `Face` component, which calculates its parameters using JavaScript's `Math.random()`, resulting in faces with varying stroke widths, eye offsets, eye radii, and mouth dimensions. Built with React and D3, the code specifically uses `d3.arc` to create the mouth shape and `range` from D3 to generate the array of faces.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed