Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face Part I

Public visualization

Let's Make a Face Part I

0 stars0🌍 Public
Hhhophan
Last edited Aug 24, 2022
Created on Aug 22, 2022

Ten randomly generated cartoon faces fill the screen, each a yellow circle with two eyes and a curved mouth. The example shows how to compose reusable SVG components in React and D3 to build a static visual. React renders each face from modular parts like `BackgroundCircle`, `Eyes`, and `Mouth`, while D3’s `arc` generates the mouth path. Random values for eye and mouth size give each face a unique expression.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed