Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multiple Faces

Public visualization

Viewing a saved revision (read-only)

cd0ed7ef0b0a4800935d5daccf32d9a9

Multiple Faces

0 stars0🌍 Public
BbeauMarko
Last edited Feb 2, 2021
Created on Feb 2, 2021

Multiple Faces renders a grid of eighteen cartoon smiley faces, each with the same yellow circular background, black outline, and open mouth. Each face randomly varies its eye radius using `Math.random()`, creating subtle differences across the repeated components. Built with React and D3 v6, the visualization uses D3's `arc` generator to construct the mouth path and the `range` function to generate the face instances, all rendered as SVG through reusable component composition.

AI-generated description

Half way towards a smiley face.