Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part III

Public visualization

Viewing a saved revision (read-only)

e582547b9c4b412b816fc4142abfdbe2

Fork of Smiley Face Part III

0 stars0🌍 Public
Iionut-g
Last edited Dec 16, 2021
Created on Dec 16, 2021

A grid of randomly generated smiley faces, each rendered as an SVG circle with a yellow fill and black stroke, demonstrates component reuse and procedural variation. The React components compose a background circle, eyes, and a mouth built with D3's `arc` generator. Using `range(6*3)` from D3, the app maps 18 array elements to `Face` components, each with randomized properties like `eyeOffsetX`, `eyeRadius`, and `mouthWidth`. The visualization relies on React 16.9 for DOM management, D3 v5 for shape generation, and SVG rendering within a fixed 160×160 viewport.

AI-generated description

Smiley face implementation with React & D3.