Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Faces Final

Public visualization

Smiley Faces Final

0 stars0🌍 Public
MMarta
Last edited Feb 4, 2023
Created on Feb 4, 2023

A mosaic of randomly varied smiley faces, each with a yellow circular head, black stroke, eyes, and a D3 arc-based mouth, rendered in an SVG grid using React components. The display generates 18 distinct faces, each with randomized dimensions for stroke width, eye offset, eye radius, and mouth properties. The implementation leverages D3’s `arc` for mouth paths and `range` for the array, while React handles component composition and rendering.

AI-generated description

Smiley face implementation with React & D3, taking full advantage of React components and ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed