Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley face part VI

Public visualization

Fork of Smiley face part VI

0 stars0🌍 Public
11tang
Last edited Mar 20, 2021
Created on Mar 18, 2021
Forked from Smiley face part V

A grid of eighteen cartoon smiley faces scrolls vertically, each rendered with randomized facial features. The example demonstrates reusable React components—`FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth`—composed to build the SVG output. The `Mouth` component uses D3’s `arc` generator to create a smile path, while `index.js` generates the array of faces using `d3.range`, applying random values for stroke width, eye offsets, and mouth dimensions.

AI-generated description

Half way towards a smiley face. Smiley mark down (MD).

Comments

Sign in to join the discussion.

MIT Licensed