Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face

Public visualization

Smiley Face

0 stars1🌍 Public
DDrew Dudley
Last edited Dec 28, 2021
Created on Dec 17, 2021
Forked from Hello HTML

A grid of eighteen smiley faces renders in React, each with randomized eye positions, eye radii, mouth widths, and stroke thicknesses. The faces are generated using D3 v7’s `arc()` generator for the mouth and SVG circles for the eyes and background. All components are React function components, with the overall layout using D3’s `range()` to create the array of faces. The SVG output is centered via a translation group.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed