Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face

Public visualization

Viewing a saved revision (read-only)

caab870eb3a8419b9aca207e2c7d71e8

Let's make a face

0 stars0🌍 Public
Jjlbar
Last edited Apr 4, 2020
Created on Apr 4, 2020
Forked from HTML Starter

This example shows a stylized yellow face built entirely from basic SVG shapes: a circular head, two eyes, two rectangular eyebrows, and an arc-shaped mouth. The face is centered within the viewport, with its features positioned relative to the center using SVG transformations. The code uses D3 v5 selection and attribute methods to construct the shapes, with the mouth generated using D3’s `arc()` helper, which defines the path data for a symmetric arc based on inner and outer radii and angular start/end points.

AI-generated description

A bare minimum HTML page.

See also React Starter.