Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face

Public visualization

Smiley Face

0 stars0🌍 Public
Iikerson
Last edited Aug 8, 2021
Created on Aug 7, 2021
Forked from Hello HTML

A grid of eighteen smiley faces, each rendered as a yellow circle with black stroke, two eyes, and a curved mouth, shows randomized variation in facial feature size and position. Built with React and D3, the code uses the `arc` generator from D3 to create the mouth path, while SVG circles form the face and eyes. The `range` function from D3 generates the array for the grid, and each face is positioned via a transformed group within an SVG container.

AI-generated description

Half way to a smiley face

Comments

Sign in to join the discussion.

MIT Licensed