Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Smiley Face Part VI

Public visualization

Viewing a saved revision (read-only)

54e04e38c85248fc9acc04d64a9acd5a

Fork of Fork of Smiley Face Part VI

0 stars0🌍 Public
Wworkrit
Last edited Jun 14, 2022
Created on Jun 14, 2022

A grid of randomly generated smiley faces fills the viewport, each face varying in stroke width, eye position, eye radius, mouth width, and mouth radius. The visualization uses React components to compose the face from separate `Face`, `BackgroundCircle`, `Eyes`, and `Mouth` elements, with the `Mouth` built using `d3.arc()`. Each face is rendered as an SVG via a `FaceContainer`, and the grid is created by mapping over an array from `d3.range()`.

AI-generated description

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