Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part VI

Public visualization

Fork of Smiley Face Part VI

0 stars0🌍 Public
PPhilippeduPreez
Last edited Aug 29, 2022
Created on Aug 29, 2022

Eighteen procedurally generated smiley faces fill the viewport, each rendered as an SVG circle with black outlines, expressive eyes, and a mouth. The faces vary randomly in stroke width, eye size, and mouth dimensions, creating a playful grid of emotion. Built with React and D3, the visualization composes reusable components—`Face`, `Eyes`, `Mouth`, and `BackgroundCircle`—within a `FaceContainer`. The `Mouth` component uses D3’s `arc()` API to draw the smile as a path, while `range()` from D3 generates the face count in `index.js`.

AI-generated description

Smiley face implementation with React & D3, taking full advantage of React components and ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed