Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I, cuz mine stayed at codepen (y)

Public visualization

Viewing a saved revision (read-only)

4ec38c85f6ec4801bab7327febe81d12

Fork of Let's Make a Face Part I, cuz mine stayed at codepen (y)

0 stars1🌍 Public
AAerogirl10
Last edited Feb 28, 2021
Created on Feb 27, 2021

This example shows a simplified, stylized face built from reusable React components, with a yellow circular background, two eyes, red blurred cheeks, and an arc-shaped mouth. The face is centered within an SVG canvas using a `FaceContainer` that applies a translation transform. The code constructs the face using React functional components like `BackgroundCircle`, `Eye`, `Cheek`, and `Mouth`, with the mouth drawn using the D3 `arc` function and cheeks blurred via an SVG `feGaussianBlur` filter. All geometry and styling properties are passed as props from a single `Face` component.

AI-generated description

Half way towards a smiley face.