Skip to main content
100%

HTML Starter

✓ Published0🌍 Public
GGustavoRiveraM
Last edited Sep 15, 2020
Created on Sep 14, 2020
Forked from HTML Starter

This example demonstrates a grid of procedurally generated cartoon faces rendered as SVG using React components. Each face is constructed from compositional parts—a background circle, eyes, and a mouth—whose positions and sizes vary randomly through JavaScript’s `Math.random()`. The faces are wrapped in a `FaceContainer` that applies a coordinate transform, while the mouth is drawn using a d3 arc path with specified inner/outer radii and angular extents. The layout uses d3’s `range` function to create an array for the grid, and ReactDOM renders all faces into a single page with no user interaction.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes