Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

FCC-Course-Smiley

Public visualization

Viewing a saved revision (read-only)

5374f3e9e9124e5a8d8dafde0a5a847a

FCC-Course-Smiley

0 stars1🌍 Public
YYann Bilodeau
Last edited Feb 6, 2022
Created on Feb 5, 2022
Forked from HTML Starter

A grid of fifteen smiley faces, each uniquely styled, fills the screen. The faces are composed of SVG circles, with features like eyes, cheeks, and hair rendered through varied stroke dash arrays and offsets. Built with React, the app maps over a d3.range array to render each Face component, and uses d3.arc to draw the mouth. Randomized eye radii ensure each face has a distinct appearance.

AI-generated description

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

See also React Starter.