Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Smiley Face Part I

0 stars0🌍 Public
Aalexanderjpark
Last edited Jan 2, 2022
Created on Dec 24, 2021
Forked from HTML Starter

Small yellow smiley faces repeat in a uniform grid, each with a black circular outline, two eyes, and an arched mouth. The face positions are fixed, but eye offsets, eye radius, mouth radius, and mouth width vary randomly per instance, creating subtle differences across the grid. Built with React and d3, the example uses declarative SVG components for the face parts and d3’s `arc` generator to shape the mouth. Each `<svg>` element is rendered by mapping over a `range` from d3.

AI-generated description

Halfway towards a smiley face

Comments

Sign in to join the discussion.

MIT Licensed