Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a Smile Face

Public visualization

Viewing a saved revision (read-only)

5b63efcb06334be8a1780b3a736d8818

Make a Smile Face

0 stars0🌍 Public
Ttenghaoman
Last edited Jul 20, 2020
Created on Jul 20, 2020
Forked from HTML Starter

This example shows a yellow smiley face drawn using D3.js and React with SVG rendering, featuring two eyes and an arc-based mouth. The code uses `d3.select` and `d3.arc` to construct the facial features, positioning circles for the eyes and a path for the mouth on a 960×500 canvas. The face is centered via a translation transform, with all shapes styled using SVG attributes like `fill`, `stroke`, and `r`.

AI-generated description

A bare minimum HTML page.

See also React Starter.