Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My Smily Face

Public visualization

My Smily Face

0 stars0🌍 Public
AAna Roque
Last edited Mar 4, 2021
Created on Mar 3, 2021
Forked from HTML Starter

A grid of eighteen smiley faces, each with randomized facial features, fills the browser window. The code composes the face from separate React components: a yellow background circle, two eyes, and a d3.arc-generated mouth. The `index.js` file uses d3’s `range` to create the grid and assigns random values for eye offset, eye radius, mouth width, and mouth radius. Rendering occurs as SVG within a React app, with all faces sharing the same center point and viewport dimensions.

AI-generated description

Component based Smilly face

Comments

Sign in to join the discussion.

MIT Licensed