Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MakeAFacePart1

Public visualization

Viewing a saved revision (read-only)

5f9c0d21d9b34a25b079060f36a9c3de

MakeAFacePart1

0 stars0🌍 Public
Tthevannguyen
Last edited Oct 23, 2023
Created on Oct 22, 2023
Forked from Hello HTML

This example shows a cartoon face built from simple SVG shapes—a yellow circle for the head, two eyes, and a mouth—centered on a canvas. The face's features are parameterized through props, including offsets, radii, and stroke widths. The code uses React with D3 v7 for the mouth, leveraging the D3 shape library's arc generator to create a half-circle path. The SVG is composed from functional components, with the root scene defined in index.js.

AI-generated description

A bare minimum HTML page.