Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hello HTML

Public visualization

Hello HTML

0 stars0🌍 Public
ZZhang Shengli
Last edited Mar 27, 2021
Created on Mar 26, 2021
Forked from Fork of Hello HTML

This example displays a grid of fifteen identical cartoon faces, each rendered in yellow with black outlines, two eyes, and a curved mouth. The visualization is built with React and D3.js, where the `d3.arc` API generates the mouth path with specified inner radius and width. The `Face` component composes reusable subcomponents—`BackgroundCircle`, `Eyes`, and `Mouth`—within an SVG container, and `d3.range` creates the array of face instances, all positioned using explicit center coordinates.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed