Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multiple Faces

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed