Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a smiling face!

Public visualization

Viewing a saved revision (read-only)

6fe0db9644e543c58b85eee2f39ea4c9

Let's make a smiling face!

0 stars3🌍 Public
DDannie2020
Last edited Sep 11, 2020
Created on Sep 11, 2020
Forked from HTML Starter

This example draws a smiling face as a yellow circle with two eyes, animated eyebrows, and an arc-based mouth, all centered within an SVG canvas. It uses D3 v6 and React, importing `select` and `arc` to build the shapes and apply a `transition` that moves the eyebrows up and down over two seconds. The face elements are grouped and translated using SVG transforms, with fixed numeric properties for spacing, offsets, and dimensions. The mouth is generated from an arc generator with specified inner and outer radii and angular ranges.

AI-generated description

A bare minimum HTML page.

See also React Starter.