Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part II

Public visualization

Fork of Let's Make a Face Part II

0 stars0🌍 Public
JJohanna Magdalena
Last edited Nov 18, 2021
Created on Nov 18, 2021

A parameterized smiley face built with React and D3 v7 renders as layered SVG circles and an arc-based mouth. The `Face` component composes `BackgroundCircle`, `Eyes`, and `Mouth`, each accepting numeric props for position, size, and stroke width. The mouth uses D3's `arc` generator to draw a partial annulus between inner and outer radii, with angles set to a half-turn. The React app instantiates a single 960×500 face centered at the midpoint, with fixed eye offset and radius values.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed