Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Smiley Face Part V

Public visualization

Viewing a saved revision (read-only)

aa648e4f8db647f5aea3121f85759f8a

Fork of Fork of Fork of Smiley Face Part V

0 stars0🌍 Public
TtrwMK
Last edited Oct 8, 2022
Created on Oct 8, 2022

A grid of eighteen smiley faces, each with randomly generated eye positions, eye radii, mouth dimensions, and stroke widths, displays the variability possible from a single parametric design. The example demonstrates splitting React components into separate ES6 modules using JSX and React Fragments for combining the face elements. D3 is used for the arc generator that creates the mouth path and for the range sequence that produces the array of faces in the index.

AI-generated description

Splitting React components into multiple files using ES6 modules. Bonus: React Fragments!