Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Create a smiling face

Public visualization

Viewing a saved revision (read-only)

229e2f084d734a9991fcc263028b3f77

Fork of Create a smiling face

0 stars0🌍 Public
Ssmile2git
Last edited May 18, 2021
Created on May 17, 2021

A grid of randomized smiling faces rendered as SVG in React, each face generated with varying stroke widths, eye offsets, eye radii, mouth widths, and mouth radii using D3’s arc generator for the mouth path. The app maps over an array of 18 faces created with d3.range, applying random values per face via Math.random, and renders them through reusable components like FaceContainer, BackgroundCircle, Eyes, and Mouth. The visualization demonstrates component composition and parameterized geometry within a React-D3 integration, with all faces drawn in a static grid.

AI-generated description

A bare minimum HTML page.