Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Hello HTML

Public visualization

Fork of Fork of Hello HTML

0 stars0🌍 Public
Bbellarej
Last edited Apr 5, 2021
Created on Apr 5, 2021

A grid of procedurally generated cartoon faces illustrates how React components and D3 shape generator APIs can work together for generative art. Each face combines a yellow background circle, two eyes, and an arc-based mouth, with dimensions and positions randomized per instance via `Math.random()`. The rendering relies on React’s `createElement` and `ReactDOM.render`, while D3’s `arc` and `range` helpers define the mouth path and iteration count. SVG output is structured through custom components (`BackgroundCircle`, `Eyes`, `Mouth`, `FaceContainer`), demonstrating a modular, declarative approach to building multiple data-driven visual elements.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed