Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Test

Public visualization

Test

0 stars0🌍 Public
Mmaciekbanas
Last edited May 11, 2021
Created on May 6, 2021

A grid of smiley faces, generated as React components, appears as a playful visualization of procedural variation. Each face is built from separate SVG subcomponents—a yellow circle head, two eyes, and a mouth—with random parameters controlling eye height, eye radius, mouth width, and mouth radius for every instance. The code uses React with D3’s `arc` function for the mouth path, while `d3.range` creates an array of 18 faces rendered responsively in a fixed layout.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed