Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

smiley face part 1

Public visualization

smiley face part 1

0 stars1🌍 Public
SSamuele Greco
Last edited Feb 2, 2022
Created on Feb 2, 2022
Forked from HTML Starter

A grid of eighteen smiley faces renders in SVG via React components, each face built from a yellow background circle, two eyes, and a mouth. The eyes and mouth radii vary randomly per face, creating subtle differences across the grid. The code uses React for component composition, D3’s `arc` generator to draw the mouth path, and `range` from D3 to create the array of faces.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed