Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello HTML

Public visualization

Viewing a saved revision (read-only)

f0ac6eb7ac544b8eb8212eb63f4bcd37

Fork of Hello HTML

0 stars0🌍 Public
Pprogsum
Last edited Mar 5, 2021
Created on Mar 2, 2021
Forked from Hello HTML

This example renders a grid of twenty yellow smiley faces, each composed of SVG circles and a d3.arc-generated mouth path, using React components for modular assembly. The `FaceContainer` component positions each face’s features (eyes, smile) relative to its width and height, while `index.js` maps over a `d3.range(20)` array to create the repeated faces. The app uses ReactDOM to mount the output into a root div, with styling that hides page margins and overflow. The D3 v6 `arc` API calculates the smile’s curved path.

AI-generated description

A bare minimum HTML page. Pure HTML :-)