Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face

Public visualization

Smiley Face

0 stars0🌍 Public
SStarkerRegen
Last edited Jan 19, 2022
Created on Jan 18, 2022

Eighteen identical smiley faces are rendered in a grid, each with randomly sized eyes and mouths, creating subtle variation across the composition. Every face consists of a yellow circle with a black stroke, two black eye circles, and an arc-based mouth. The visualization is built with React components that compose reusable SVG elements, while D3's `arc` generator creates the mouth path. A mouse-tracking circle follows the cursor, updating its position via React state and event handlers.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed