Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello HTML

Public visualization

Viewing a saved revision (read-only)

9aeb134602654f389abd7b838c3118ba

Fork of Hello HTML

0 stars0🌍 Public
Ssumakokima2
Last edited Jun 7, 2021
Created on Jun 1, 2021
Forked from Hello HTML

This example displays a 6x3 grid of cartoon faces, each with a yellow circular background, black stroke, two eyes, and an arched mouth. The faces are rendered as React components using SVG elements, with each face’s eye radius, mouth width, and mouth radius randomized on every render. The code leverages React’s functional components, `d3.range` for array generation, and the `d3.arc` API to draw the mouth path, all composed within a custom `FaceContainer` that wraps the SVG output.

AI-generated description

A bare minimum HTML page.