Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

learn

Public visualization

Viewing a saved revision (read-only)

780eb5bb7d974d2e9f8cf5ff4968d947

learn

0 stars0🌍 Public
AAbdessalem Lagraf
Last edited Sep 4, 2022
Created on Sep 3, 2022

A grid of eight randomly generated smiley faces rendered as SVG, demonstrating component reuse in React with D3.js. Each face varies in stroke width, eye offset, eye radius, mouth width, and mouth radius, computed via `Math.random()` within the `range` utility from D3. The `Face` component composes `BackgroundCircle`, `Eyes`, and `Mouth` subcomponents, with the mouth path generated using the D3 `arc` generator. The faces are mounted into the DOM via `ReactDOM.render`, using D3 v5 and React 16.9.

AI-generated description

Smiley face implementation with React & D3.