Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

Viewing a saved revision (read-only)

4773eccac6854d63bd42e08edc671f43

HTML Starter

0 stars0🌍 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.