Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

3590d9afb6484df0b1209ab18bbc98eb

Fork of HTML Starter

0 stars0🌍 Public
LLan Li
Last edited May 18, 2021
Created on May 16, 2021
Forked from HTML Starter

A grid of smiling faces appears, each with slight random variations in eye position, stroke width, eye radius, and mouth radius, creating a playful, organic pattern. The example demonstrates a React-based approach to generating SVG graphics, where each face is a composition of reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`. It uses `d3.arc` to define the mouth’s curved path and `d3.range` to generate the array of faces, all rendered through ReactDOM into an HTML canvas.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.