Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part VI

Public visualization

Viewing a saved revision (read-only)

35a2818c31c441f2a3d09dad84ac570a

Fork of Smiley Face Part VI

0 stars0🌍 Public
BBeihaiTianming
Last edited Feb 17, 2021
Created on Feb 17, 2021

A grid of eighteen randomly generated smiley faces spans the view, each rendered as a yellow circle with black outline, two eyes, and an arc-shaped mouth. The faces vary in stroke thickness, eye position and size, and mouth width and radius, created by the React component `Face`, which imports `BackgroundCircle`, `Eyes`, and `Mouth`. D3's `arc` function generates the mouth path, while D3's `range` supplies the count for the map. Each face is drawn in an SVG container using React's declarative component composition, with all measurements computed via `Math.random()`.

AI-generated description

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