Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

35deb0c0bf71467aa6a119cc8ec32866

Fork of HTML Starter

0 stars0🌍 Public
Ttim10133222
Last edited Jan 1, 2023
Created on Dec 30, 2022
Forked from HTML Starter

A grid of 10 cartoon faces renders in SVG via React components, each with a yellow circular background, magenta eyes, and a smile drawn using a D3 arc path. The faces vary randomly in eye radius and mouth dimensions per render, generated using `Math.random()` within the React `App` component. D3 v7 provides the `arc` generator for the mouths, while React functional components like `BackgroundCircle`, `Eyes`, and `FaceContainer` assemble the SVG elements. The code uses React 18 with `ReactDOM.render` to mount the visualization into the page.

AI-generated description

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

See also React Starter.