Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

367e91c48f474737958e3c52a742bef4

Smiley Face Part I

0 stars0🌍 Public
PPatrick Asante Owusu
Last edited Jan 15, 2022
Created on Jan 15, 2022
Forked from Hello HTML

This example uses React to render a simple smiley face as a static SVG graphic. It displays a yellow circle with a black stroke for the head, plus two smaller filled circles positioned symmetrically as eyes. The code draws shapes using D3’s `arc` import, though only SVG circle elements are used. The face is centered on a 960x500 canvas, with eye offsets and radii defined mathematically. React 17 and D3 v7 are loaded via UMD bundles.

AI-generated description

A bare minimum HTML page.