Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Finished smiley faces

Public visualization

Finished smiley faces

0 stars0🌍 Public
HHumanistic Quality Management
Last edited Jun 15, 2023
Created on Jun 15, 2023
Forked from Hello VizHub

A grid of eighteen smiley faces demonstrates how D3 and React can compose modular SVG components. Each face uses randomized parameters for stroke width, eye position and radius, mouth width and radius, generating varied expressions. The code imports `arc` from D3 to draw the mouth path, while React components structure the face, background circle, eyes, and face container. The rendering is purely SVG, with all faces centered in their own viewport.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed