Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Pt 1

Public visualization

Smiley Face Pt 1

0 stars0🌍 Public
Bbbrockway6
Last edited Oct 3, 2022
Created on Sep 25, 2022
Forked from HTML Starter

Eighteen randomly generated smiley faces fill the frame, each a composition of modular React components. Using D3.js, the `arc` generator creates the mouth path, while `range` from D3 produces the array that maps each face. The SVG rendering, defined by the `FaceContainer`, positions a yellow circle, two eyes, and an arc mouth with randomized properties like stroke width and offsets. This showcases a component-based approach to generative art within a React and D3.js ecosystem.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed