Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Frowned face

Public visualization

Viewing a saved revision (read-only)

34a240621481429f81a42d47f5a2ce30

Frowned face

0 stars0🌍 Public
Nnjerijadline@gmail.com
Last edited Jan 27, 2025
Created on Jan 27, 2025
Forked from Fork of Hello HTML

This example renders a simple cartoon face using React and SVG. It shows a yellow circle for the head, two black circles for eyes, and a curved path for a frowning mouth, all centered on the canvas. The face is constructed programmatically with D3's `arc()` API to generate the mouth arc, while the head and eyes are drawn using standard SVG `<circle>` elements. The code uses React to define the SVG structure and D3 v7 for the arc geometry, with the entire composition transformed to the center of the 960×500 viewport.

AI-generated description

A bare minimum HTML page.